在国内前端开发Vue无疑是热门框架之一，所以值得花时间去学习和研究，下面先安装下基础开发环境：
1.下载nodejs
Vue可以在html里引用，使用npm引入是方便包管理。
等到应用需要的库和框架多起来后，一个个从html里引入就不方便了。
所以用到打包工具比如webpack，可以直接require引入之后将不同模块打包成单个js文件。同时这些工具提供各种自动化处理，可以使前端开发效率更高。
同时前端开发应该都了解nodejs吧，JavaScript运行时环境，依赖于Chrome V8引擎进行代码解释，事件驱动，非阻塞I/O，轻量、可伸缩，适于实时数据交互应用，单进程，单线程。类似于Java的jvm，相应的有了nodejs便可以使用js做后端开发了，神奇吧。
废话不多说了，安装下
去官网下载最新nodejs版本：中文官网
2.下载下来直接点击安装
这里的Add to PATH 是默认选中的，会自动添加环境变量
傻瓜式安装，全点下一步即可。
验证下环境变量
然后打开powershell依次输入node -v和npm -v
3.修改安装包路径
我们在执行npm install -g xxx 下载一个全局包时，这个包的默认存放路径位C:\Users\xxx\AppData\Roaming\npm\node_modules下，可以通过CMD指令npm root -g查看
但是一般我们不想让全局包放在C盘，我们想放在node的安装目录下，所以需要改一下
首先在node安装目录下下新建两个文件夹
node_global 全局包下载存放
node_cache node缓存
然后使用命令修改
npm config set prefix "D:\Program Files\Nodejs\node_global"
npm config set cache "D:\Program Files\Nodejs\node_cache"
然后修改环境变量
新增系统变量NODE_PATH,变量值为D:\Program Files\Nodejs\node_global\node_modules
再在用户变量Path里修改C:\Users\mrche\AppData\Roaming\npm为D:\Program Files\Nodejs\node_global
至此环境变量修改完毕
4.安装cnpm或者使用nrm
安装包时因为众所周知的原因访问很慢，一直卡住，可以通过安装cnpm解决
执行命令 npm install -g cnpm --registry=https://registry.npm.taobao.org ,使用npm的国内镜像（npm 国内镜像 https://npm.taobao.org/）cnpm 命令代替默认的npm命令，增加依赖包加载速度且避免资源限制
可以看到使用cnpm下载速度嗖嗖的，哈哈
可以安装webpack也可以直接装vue-cli 因为
不管是vue-cli 2.x还是 3.x版本，都帮你安装了webpack。
3.x版本把webpack做了一个封装，因此package.json的依赖看不到webpack
推荐使用3.x版本，技术也是用新不用旧嘛
vue-cli 2.x安装方式如下：
vue-cli 3.x安装方式如下（vue-cli 3.x的包名称由 vue-cli 改成了 @vue/cli）：
同样的还可以使用nrm进行registry设置，执行命令 npm install -g nrm
安装完成后可以使用nrm use xxx 切换源
至此，vue开发环境就安装完了，接下来就是构建Vue项目了。
