Vue 之NodeJS、NPM安装配置步骤(windows版本)

一：下载

打开NodeJS的官网，默认的情况主页就提供了Windows版本的下载链接，我们下载LTS版， LTS是长期维护的稳定版本,Current是新特性版本，一般新手建议使用这个版本，因为这个版本使用的人最多，出问题能找到解决方案的概率较大

下载地址：https://nodejs.org/zh-cn/download/

二：解压

下载完成后双击下载好的nodejs-v16.16.0-x64文件开始安装，点击next进入下一步，勾选同意协议，继续下一步。然后选择安装的位置，默认是在C盘，改成D盘安装，并在解压后的目录下建立node_global和node_cache这两个目录

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

三： 配置环境变量

新增NODE_HOME，值为：解压安装的目录路径 修改PATH并在最后添加：;%NODE_HOME%;%NODE_HOME% ode_global;

环境变量查看 echo %node_home% echo %path%

测试安装是否成功：打开cmd窗口，输出如下命令会输出NodeJs和npm的版本号 node -v npm -v

四：配置npm全局模块路径和cache默认安装位置

打开cmd，分开执行如下命令：

npm config set cache "解压安装目录路径
ode_cache"
      npm config set prefix "解压安装目录路径
ode_global"

注意事项：

将步骤一创建的node_global(npm全局安装位置)和node_cache(npm缓存路径)与npm联系起来 如果执行命令卡死，可以删除C:Users用户名.npmrc 后重新执行。（用户名：为当前电脑的用户名） "解压安装目录路径 ode_global"，双引号不能少 node_global全局安装位置类似于Maven中的本地Jar包仓库

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

1.registry方式:

## 设置淘宝源

npm config set registry https://registry.npm.taobao.org/

## 查看源，可以看到设置过的所有的源

      npm config get registry

其实此步骤的内容就是将以下代码添加到C:Users用户名.npmrc文件中

 registry=https://registry.npm.taobao.org

2.cnpm方式：

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

(1):cnpm安装完成后，以后就可以用cnpm命令代替npm命令, 此时npm还是会用官方镜像，cnpm会用国内镜像 (2): 如果要恢复成原来的设置，执行如下：

npm config set registry https://registry.npmjs.org/

六：验证安装结果

1.版本验证

node -v
   npm -v

2.查看淘宝镜像设置情况

npm get registry

3.查看npm全局路径设置情况

## 此步骤随便全局安装一个模块就可以测评

  npm install webpack -g

## 以上命令执行完毕后，会生成如下文件

%node_home%
ode_global
ode_moduleswebpack