Node.js 安装与配置全攻略-CSDN博客

本文链接：https://blog.csdn.net/weixin_62332711/article/details/126166720

一、下载

二、配置环境变量

三、配置npm全局模块路径和cache默认安装位置(设置我们下载的模块的保存路径)

四、修改npm镜像提高下载速度(可以使用 cnpm 或直接设置 --registry ，推荐设置 --registry )

5.1.registry（推荐）

5.2.cnpm

五、验证所有安装结果

六、运行从网上下载的Node.js项目

一、下载

1.下载地址：https://nodejs.org/zh-cn/download/ （复制到浏览器）。

2.选择长期维护版，根据电脑选择 Windows二进制(.zip) 选择 32 或者 64 ，因为我的电脑是 64 位的的，所以选择下载的是 64-bit ;

3.下载好之后会得到压缩包;

4.将文件解压到指定位置(例如：d:\tools )，并在解压后的目录下建立 node_global 和 node_cache 文件夹。

node_global：npm全局安装位置；
node_cache： npm缓存路径；

二、配置环境变量

1.点击桌面 此电脑，右键属性，找到 高级系统设置 ；

2.点击高级，选择 环境变量(N)... ；

3.配置系统变量

3.1. 系统变量 -> 新建(W)... ；

弹出：

然后填：

变量名(N)：NODE_HOME

变量值(V)：解压好的node.js文件存放在电脑的路径

3.2.在 系统变量(S) 里面寻找变量 Path ，（双击 Path）或者（点击 编辑(I)... ）进入

3.3.点击 新建(N) ；

分别 新建(N) ：

%NODE_HOME%

%NODE_HOME%\node_global

4.检测环境变量配置是否成功
echo %node_home%（nodejs环境）
echo %path%（全部环境变量）

三、配置npm全局模块路径和cache默认安装位置(设置我们下载的模块的保存路径)

打开cmd，分开执行如下命令：
npm config set cache "下载并解压后的node-v10.15.3-win-x64里面的文件node_cache的路径"
npm config set prefix "下载并解压后的node-v10.15.3-win-x64里面的文件node_global的路径"

注：修改红色字体里面的路径分别放到cmd里面执行就可以了。

例：

npm config set cache "D:\软件\tools\nodejs\node-v16.16.0-win-x64\node_cache"
npm config set prefix "D:\软件\tools\nodejs\node-v16.16.0-win-x64\node_global"

执行以上命令之后保存的路径在：

1.选择 Windows(C:) 盘；

2.选择电脑里面的用户文件夹；

3.找到你的 用户名 ；

4.选择 .npmrc 打开;

刚才执行的命令 node_cache 和 node_global 文件已经存放在 .npmrc 文件里了。

四、修改npm镜像提高下载速度(可以使用 cnpm 或直接设置 --registry ，推荐设置 --registry )

打开cmd，选择性的执行 5.1.1 或 5.2.1 里面的命令：

5.1.registry（推荐）

5.1.1.设置淘宝源
npm config set registry https://registry.npm.taobao.org/

5.2.cnpm

5.2.1.设置淘宝源
npm install -g cnpm --registry=https://registry.npm.taobao.org

5.1.1 和 5.2.1 的步骤的内容就是将以下代码添加到 C:\Users\用户名\.npmrc 文件中就会在之前的基础上加上：
registry=https://registry.npm.taobao.org

如（这是设置了 registry 里面的淘宝源）：

注1：cnpm安装完成后，以后就可以用 cnpm 命令代替 npm 命令, 此时 npm 还是会用官方镜像，cnpm 会用国内镜像；
注2：如果要恢复成原来的设置，执行如下命令：
npm config set registry https://registry.npmjs.org/

五、验证所有安装结果

打开cmd窗口：

1.版本验证（输出 NodeJs 和 npm 的版本号）
node -v
npm -v

2.查看源

可以看到设置过的所有的源
npm config get registry

查看淘宝镜像设置情况
npm get registry

3.测试：使用npm安装 webpack 模块
npm install webpack -g
以上命令执行完毕后，会生成如下文件：
%node_home%\node_global\node_modules（之后下载的模块也会存放在 node_modules 文件里面，包括按照以上命令执行安装的 webpack 模块）

六、运行从网上下载的Node.js项目

项目：nmgwap-vueproject-master.zip

将下载的项目解压到指定目录，如：D:\temp\vueproject
1. 打开命令窗口 cmd
2. 切换到d盘 d:
3. 进入指定目录 cd D:\temp\vueproject
4. 进行依赖安装 npm install -g
命令执行完后，项目的根目录下多了一个 node_modules 文件夹，里面就是从npm远程库里下载的模块，然后“安装”到你的项目中。（此步骤可理解为根据 maven 项目中的 pom 文件下载 jar 包，项目中的 package.json 就好比 maven 项目中的 pom.xml 文件）

5. 启动项目
npm run dev