windows10 npm 安装vue-cli

1、下载node  http://nodejs.cn/download/  一路next

2、配置path 环境变量 修改Path 增加node安装目录

3、cmd输入 node -v   和  npm -v查看是否安装成功  成功会显示版本号

4、npm换源 这个比较重要  换到国内淘宝的镜像安装会快很多

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

     // 配置后通过下面命令验证是否成功

     npm config get registry

5、安装webpack

     npm install -g webpack

6、安装vue-cli

     npm install -g vue-cli

以上两个操作中如果有报错的话执行下面命令，之后重复上面的操作，大部分可以解决，有特殊情况的只能另请百度了

     npm cache clean --force

7、成功安装后查看版本号

     npm list -g --depth 0

8、查看vue.cmd所在文件夹路径，一般是在node安装目录下的node_global中，不在的话win+E 全局搜索，找到后修改环境变       量，以便全局调用vue命令

这里有个小问题，我在安装的时候犯过，虽然不大还是记录一下。上图中配置的有两个nodejs的路径，不是配置了E:\TOOLS\nodejs后其下面的node_global也一起生效了，还是要单独配置一下。

9、查看全局配置是否成功，执行下面命令，成功会显示版本号

   vue -V 

10、测试创建工程

     1、cd  创建项目的路径

     2、vue init webpack 工程名称

     3、上面一步会有一下设置，根据英文提示看时候需要即可

     4、npm install 安装依赖

     5、npm run dev   启动项目

     6、浏览器打开localhost:8080

over