安装使用配置NPM环境，并下载vue,vue-router,vue-cli

这一步没有什么好说的，很简单就下一步下一步安装即可
我们直接找到官网的下载路径下载即可，我下载的是下面的这个版本

安装验证：我们现在需要验证是否安装成功，所以我们打开cmd，在cmd 中输入node -v 和 npm -v

可以看到安装成功了，现在其实是可以使用的，但是为了更好的管理我们的下载路径所以我们需要更改一下全局环境

cmd 下输入npm list -global,可以看到你的路径，但是我忘记截图了

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

我们到指定的位置下手动创建这两个目录，现在是空的，因为我们还没配置

cmd 下输入
npm config set prefix “D:\Program Files\nodejs\node_global”

npm config set cache “D:\Program Files\nodejs\node_cache”

再次输入npm list -global，你会发现刷刷出现一堆，有东西啦！

输入命令npm config set registry=http://registry.npm.taobao.org 配置镜像站，配置镜像站的原因是原来自带的镜像站下载的速度非常感人，如果不介意的其实不配置也无所谓啦，截图再次忘记

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

再次检查一下镜像站可否使用npm config get registry

npm info vue 获取一下vue 的信息

输如npm install npm -g ,这个-g 的参数表示装到global 目录下，也就是我们上面设置的路径，这个时候npm 同时升级

再一次输入npm list -global,查看global 中有什么，毕竟之前是空的

注意，此时，默认的模块D:\Program Files\nodejs\node_modules 目录

将会改变为D:\Program Files\nodejs\node_global\node_modules 目录。

如果直接运行npm install等命令会报错的。

我们需要做1件事情：

增加环境变量NODE_PATH 内容是：D:\Program Files\nodejs\node_global\node_modules，然后重新打开cmd

命令：npm install vue -g

这里的-g是指安装到global全局目录去

然后我们去找一下，发现果然有个vue

再次测试：安装vue-router

没问题，成功了！

安装vue 脚手架 vue-cli

我们到文件夹下找一下原因，发现vue的脚本在自定义的node_global 中，但是并不在环境变量中，所以我们知道啦，添加环境变量！

重新打开cmd 输入 vue -V 注意这里V是大写的

我们可以愉快的使用一下了
cmd中切换到d:
输入 vue init webpack vue01,然后就会开始问你以下的几个问题，然后开始下载

如果直接这么执行的话，会报错的！

要执行npm install -g

忽略我打错了哈哈啊哈哈哈哈

然而尴尬的是依旧报错了，看了一下错误信息的日志，也没看懂，大致上是因为webpack-dev-server的原因

原因：这是新版webpack存在的BUG，卸载现有的新版本webpack，装老版本就好
webpack-dev-server 版本需要从最新版本降低到如下版本,因为开始构建项目所用的插件版本太低
（1）、npm uninstall webpack-dev-server
（2）、npm install [email protected]
（3）、npm run dev

再次npm run dev 成功了！

npm run build，生成静态文件