Vue3学习——Node环境安装(一)

server/2024/10/18 5:55:20/

在进行 Vue 项目开发时,必须先安装Node.js。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。在 Vue 项目中,我们通常会使用到 Node.js 的 npm(Node Package Manager)来管理项目所需的各种库和工具,例如 Vite、Babel、ESLint 等。此外,Node.js 还可以用来运行开发环境中的本地服务器,以及编译、打包项目等。因此,安装 Node.js 是进行 Vue 项目开发的基础步骤。

一、nvm

1. nvm安装

nvm(Node Version Manager)是一个用来管理node版本的工具。我们之所以需要使用node,是因为我们需要使用node中的npm(Node Package Manager),使用npm的目的是为了能够方便的管理一些前端开发的包!nvm的安装非常简单,步骤如下:

  1. 到这个链接下载nvm的安装包:https://github.com/coreybutler/nvm-windows/releases
  2. 然后点击一顿下一步,安装即可!
  3. 安装完成后,还需要配置环境变量。在我的电脑->属性->高级系统设置->环境变量->系统环境变量->Path下新建一个,把nvm所处的路径填入进去即可!
  4. 打开cmd,然后输入nvm,如果没有提示没有找不到这个命令。说明已经安装成功!
  5. Mac或者Linux安装nvm请看这里:https://github.com/creationix/nvm。也要记得配置环境变.

2. nvm常用命令:

  1. nvm install node:安装最新版的node.js。nvm i == nvm install。
  2. nvm install [version]:安装指定版本的node.js
  3. nvm use [version]:使用某个版本的node
  4. nvm list:列出当前安装了哪些版本的node
  5. nvm uninstall [version]:卸载指定版本的node

二、node:

安装完nvm后,我们就可以通过nvm来安装node了。这里我们安装21.7.1的node.js就可以。安装命令如下:

nvm install 21.7.1

三、 npm

npm(Node Package Manager)在安装node的时候就会自动的安装了。当时前提条件是你需要设置当前的node的版本:nvm use 21.7.1。然后就可以使用npm了.
关于npm常用命令以及用法,请看下文。

1. 安装包:

安装包分为全局安装和本地安装。全局安装是安装在当前node环境中,在可以在cmd中当作命令使用。而本地安装是安装在当前项目中,只有当前这个项目能使用,并且可以通过require引用。安装的方式只有-g参数的区别:

npm install express          # 本地安装
npm install express -g   # 全局安装

2. 本地安装

  1. 将安装包放在./node_modules下(运行 npm 命令时所在的目录),如果没有node_modules目录,会在当前执行npm命令的目录下生成node_modules目录。
  2. 可以通过require()来引入本地安装的包。

3. 全局安装

  1. 将安装包放在/usr/local下或者你node的安装目录。
  2. 可以直接在命令行里使用。

 4. 卸载包:

npm uninstall [package]

5. 更新包:

npm update [package]

6. 搜索包:

npm search [package]

7. 使用淘宝镜像:

npm install -g cnpm --registry=https://registry.npm.taobao.org

如果执行以上命令出现类似以下错误:

$ npm install -g cnpm --registry=https://registry.npm.taobao.org
npm ERR! code CERT_HAS_EXPIRED
npm ERR! errno CERT_HAS_EXPIRED
npm ERR! request to https://registry.npm.taobao.org/cnpm failed, reason: certificate has expired

npm ERR! A complete log of this run can be found in: C:\Users\paofu\AppData\Local\npm-cache\_logs\2024-03-27T06_46_40_597Z-debug-0.log

可以执行以下两条命令解决:

# 清理缓存
$ npm cache clean --force
# 取消ssl验证
$ npm config set strict-ssl false

以后就可以使用cnpm来安装包了,比如:

cnpm install express


http://www.ppmy.cn/server/103963.html

相关文章

光伏电站气象站:提升电站效益,智能监控

随着全球对可持续发展和清洁能源需求的日益增长,光伏发电作为一种清洁、可再生的能源形式,正逐步成为能源结构转型的重要支柱。然而,光伏系统的发电效率直接受到气候条件的影响,如光照强度、温度、湿度、风速及风向等。因此&#…

基于Springboot的社区疫情防控登记系统/疫情防控管理系统

摘 要 网络技术的快速发展给各行各业带来了很大的突破,也给各行各业提供了一种新的管理模块,对于社区疫情防控登记将是又一个传统管理到智能化信息管理的改革,设计社区疫情防控登记系统的目的就是借助计算机让复杂的疫情用品、健康上报、每…

后端代码练习5--验证码案例

我们日常生活中,在进行应用程序注册或者登录的时候,出于安全性的考虑,我们都会被进行一项验证的操作,即通过网页给我们的图片进行一些列的操作,最终完成对我们身份的验证并给我们这些用户返回验证码,让我们…

精选这五款热门好用的骨传导耳机,帮你避免踩坑的麻烦!

相信大家都已经深有体会,拿那种常规的入耳式无线蓝牙耳机来做运动耳机,很难满足运动需要。如果选择前两年流行的颈挂式无线运动蓝牙耳机,虽然简单轻巧,但也是入耳式设计,长时间佩戴耳朵不舒服。这样看来,运…

ChatGPT丨国自然基金项目撰写技巧

随着社会经济发展和科技进步,基金项目对创新性的要求越来越高。申请人需要提出独特且有前瞻性的研究问题,具备突破性的科学思路和方法。因此,基金项目申请往往需要进行跨学科的技术融合。申请人需要与不同领域结合,形成多学科交叉…

《QT从基础到进阶·七十三》Qt+C++开发一个python编译器,能够编写,运行python程序

1、概述 源码放在文章末尾 该项目利用QtC实现了一个简易的python编译器,类似pycharm或vsCode这样的编译器,该python编译器支持如下功能: (1)支持编写python程序 (2)编写代码时有代码补全提示 &…

鸿蒙Harmony开发实战—ArkTS语句

语句 If语句 if语句用于需要根据逻辑条件执行不同语句的场景。当逻辑条件为真时,执行对应的一组语句,否则执行另一组语句(如果有的话)。 else部分也可能包含if语句。 if语句如下所示: if (condition1) {// 语句1 }…

裸金属服务器和裸金属云服务器:区别、优势与选择

裸金属服务器和裸金属云服务器的区别、优势与选择的分析: 一、区别 1. 资源独占性 - 裸金属服务器:提供完全独立、专属的物理服务器资源,不存在任何资源共享,确保每个用户对硬件资源的绝对占有。 - 裸金属云服务器:尽…