win10下安装部署vuejs的webpack脚手架工具

参考vuejs的官方文档：戳我

1. 安装nodejs

• nodejs官方下载地址：戳我
• 选择合适的版本下载，我这里选的是node-v8.11.3-x64.msi
• 安装路径一般不装在C盘，所以我这里选择：D:\nodejs\
• 一路next默认等待安装完毕

2. 设置nodejs的global和cache路径

设置路径能够把通过npm安装的模块集中在一起，便于管理。

• 在nodejs的安装目录D:\nodejs\下，新建node_global和node_cache两个文件夹

• 执行指令：

  npm config set prefix "D:\nodejs\node_global"
  npm config set cache "D:\nodejs\node_cache"

  设置成功后，后续用命令npm install -g XXX安装的XXX模块就在D:\nodejs\node_global\node_modules里。

• 查看配置信息指令：npm config list

3. 设置环境变量

• 添加用户变量PATH：D:\nodejs\node_global
• 新增系统变量NODE_PATH：D:\nodejs\node_global\node_modules

4. 安装cnpm（可选）

由于许多npm包都在国外，直接使用npm指令下载安装会比较慢，好像很多人推荐用淘宝的镜像服务器，这样所有用npm的指令都可以用cnpm代替。我个人喜欢直接用npm所以没有安装，实测其实npm也挺快的啊=。=不想安装的小伙伴就跳过即可

• 参考网址：戳我
• 安装指令：npm install -g cnpm --registry=https://registry.npm.taobao.org

备注：-g表示下载安装的包都放在之前配置好的安装目录下，否则就会在执行指令的当前目录下

5. 安装vue-cli

• vue-cli是vuejs官方提供的一个命令行工具
• 安装指令：npm install -g vue-cli
• 安装完成后，vue就是一个指令了

D:\nodejs\node_global
λ npm install -g vue-cli
npm WARN deprecated coffee-script@1.12.7: CoffeeScript on NPM has moved to "coffeescript" (no hyphen)
D:\nodejs\node_global\vue -> D:\nodejs