【笔记】npm配置及vue cli安装

本文记录在Windows系统上配置npm及安装vue.cli的过程：

1.Node.js及Npm安裝

首先安装Node.js,直接官网下载TLS版本(长期支持版)。

设置好安装路径（建议更改安装路径到C盘以外的磁盘）后一路next到底，Node.js安装过程中会自动安装Npm。安装结束后可以按如下方式通过命令行查看安装版本，确认安装成功。

2.Npm配置

2.1 配置全局模块的安装路径及缓存路径

在Node.js安装路径下新建两个文件夹：node_cache、node_global，分别用作缓存路径及全局模块安装路径。

使用如下命令进行设置：

npm config set prefix "D:\Program Files\nodejs\node_global"//全局模块路径
npm config set cache "D:\Program Files\nodejs\node_cache"  //cache路径

设置完毕后可以使用npm config list命令查看npm配置信息：

2.2 更改系统环境变量

按上述步骤配置完以后默认的模块目录将由原来的D:\Program Files\nodejs\node_modules变更为D:\Program\Files\nodejs\node_global\node_modules,需要增加系统环境变量：NODE_PATH，其值为：D:\Program\Files\nodejs\node_global\node_modules，设置效果如下：

设置完毕后使用以下命令安装cnpm模块进行测试：

npm install cnpm -g

安装结束后，可见D:\Program\Files\nodejs\node_global\node_modules目录下出现安装的模块内容：

更改环境变量Path，添加：D:\ProgramFiles\nodejs\node_global

2.3 更改仓库地址为本地镜像

Npm默认的仓库地址为国外仓库，下载安装模块时速度较慢，可以将仓库设置为国内淘宝镜像 （地址：http://npm.taobao.org/） 或者使用cnpm代替npm。

临时使用

npm --registry https://registry.npm.taobao.org install express

持久使用

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

配置完了后可以用如下方法进行检验：

npm config get registry

cnpm安装及使用

cnmp模块安装：

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

cnmp模块使用

cnpm install express

安装Vue cli

可以直接使用命令 npm install -g @vue/cli 进行安装，安装结束后使用命令：vue --version查看版本信息：

end。