Vue环境搭建

一、使用之前，我们先来掌握3个东西是用来干什么的。
node.js：Node.js是一个让JavaScript运行在服务器端的开发平台
npm: Nodejs下的包管理器。
webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备，比如资源的合并和打包。
vue-cli: vue脚手架，用户生成Vue工程模板。（帮你快速开始一个vue的项目，也就是给你一套vue的结构，包含基础的依赖库，只需要 npm install就可以安装）

1、下载安装node.js（略。。。），npm会随着node.js一同安装，我们主要用的也是npm

2、检查nodejs和npm
1）打开CMD，检查是否正常

2）再看看另外2个目录，npm的本地仓库跑在系统盘c盘的用户目录了(没见到npm-cache是因为没有用过，一使用缓存目录就生成了)，我们试图把这2个目录移动到nodejs的安装目录下D:\Program Files\nodejs

3）然后运行以下2条命令
npm config set prefix "D:\Program Files\nodejs\node_global"
npm config set cache "D:\Program Files\nodejs\node_cache"

4）输入命令npm config set registry=http://registry.npm.taobao.org 配置npm的本地仓库镜像站（这一步不一定，看自己的网络是否延迟或限制），网上查的资料几乎都是重命名为cnpm，即（npm install -g cnpm --registry=https://registry.npm.taobao.org）

5）输入命令npm config list 显示所有配置信息

8）检查一下镜像站行不行命令，Npm info vue 看看能否获得vue的信息

9）此时，默认的模块D:\Program Files\nodejs\node_modules 目录，将会改变为D:\Program Files\nodejs\node_global\node_modules 目录，如果直接运行npm install等命令会报错的。增加环境变量NODE_PATH，内容是：D:\Program Files\nodejs\npm-global\node_modules

测试NPM安装vue.js（注意，一下操作需要重新打开CMD让上面的环境变量生效）

10）测试NPM安装vue-router

11）运行npm install vue-cli -g安装vue脚手架

2、卸载模块
npm uninstall express

3、常见异常
1）安装模块失败（cnpm install xxx）
原因：
       a、npm版本（小编刚开始是随node.js一起安装的默认版本，怎么也不行，后来通过命令npm install npm@4.6.1 -g 更换了版本，一切正常）；
      b、淘宝镜像反而无法访问。这个简单，切回npm原来的镜像就行了

     c、使用npm install -f nrm命令安装nrm，然后用nrm ls 命令查看所有可用的注册地址，然后用nrm use xxx切换注册地址。