一、安装node.js

下载完毕后，可以安装node，一路默认选项即可。这里我的安装路径是：D:\environment\nodejs。

建议不要安装在系统盘（如C：），建议安装的路径不要有中文。

二、设置nodejs prefix（全局）和cache（缓存）路径

1、新建文件夹：node_global（全局）、node_cache（缓存）

2、在路径栏中输入cmd，打开命令行界面。配置缓存与全局属性

3、设置缓存文件夹。

npm config set cache "D:\environment\nodejs\node_cache"

4、设置全局模块存放路径

npm config set prefix "D:\environment\nodejs\node_global"

设置成功后，之后用命令npm install XXX -g安装以后模块就在D:\environment\nodejs\node_global里

还可以输入 npm list -global 命令来查看全局安装目录：

配置完成。可用 npm config ls 查看

1、【系统变量】下新建【NODE_PATH】，【D:\environment\nodejs\node_global\node_modules 】

2、【系统变量】下的【Path】添加上node的路径【D:\node_global】

1、基于 Node.js 安装cnpm（淘宝镜像）

将npm的模块下载仓库从默认的国外站点改为国内的站点，这样下载模块的速度才能比较快，现在用的都是淘宝镜像源（https://registry.npm.taobao.org），使用淘宝镜像源有两种方式：

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

如果出现以下错误，可以用管理员模式打开命令行，这是权限不足。

直接修改npm的默认配置（非必要）：

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

1、安装vue.js

cnpm install vue -g 
-- 或 npm install vue -g 

-- 查看安装的vue信息：
npm info vue 
-- 查看安装的vue版本
npm list vue

2、安装脚手架vue-cli

cnpm install -g @vue/cli

webpack和vue-router可以选择是否安装（非必要）

3、安装webpack模板

webpack 4x以上，webpack将命令相关的内容都放到了webpack-cli，

所以还需要安装webpack-cli

npm install webpack -g npm install --global webpack-cli 

--安装完成后可使用 webpack -v 查看版本号

4、安装vue-router

npm install -g vue-router

只有管理员权限可执行npm 的限制，可以用以下方式取消