目录

一、下载

二、配置环境变量

三、配置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

6.最后会出现项目的根目录，把后面的路径复制到浏览器就可以了。

7.在浏览器上运行成功的效果：

注：把cmd命令窗口命令窗口关掉项目停止运行！！！

完。