Vue3学习——Node环境安装（一）

在进行 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. 可以直接在命令行里使用。

3. 卸载包：

   npm uninstall [package]

4. 更新包：

   npm update [package]

5. 搜索包：

   npm search [package]

6. 使用淘宝镜像：

   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