搭建vue开发环境

搭建vue开发环境简易步骤：
相信很多人在刚开始学习vue这个框架的时候，最开始搭建开发环境的时候，都会遇到一些大大小小的坑，vue现如今在前端中，是前端工程师比较常用的框架之一。

一：在搭建vue的开发环境之前，一定要先下载node.js，vue的运行是要依赖于node的npm的管理工具来实现，node可以在官网或者中文网里面下载，根据自己的电脑选择是32还是64 ，网址：http://nodejs.cn；

二：下载好node之后，打开docs管理工具，先看看node安装成功了没有，输入 node -v ，回车，会输出node的版本号，

这样就已经是安装成功了，由于在国内使用npm是非常慢的，所以在这里我们推荐使用淘宝npm镜像，使用
淘宝的npm命令管理工具可以代替默认的npm管理工具：$ npm install -g cnpm --registry=https://registry.npm.taobao.org；

三：淘宝镜像安装成功之后，我们就可以全局使用vue-cli脚手架，输入命令：npm install -g @vue/cli 回车，安装vue-cli脚手架。 输入 vue --version 查看安装的版本号

四：搭建完手脚架之后，我们要开始建一个新项目，这个时候我建议，尽量不要装在C盘，因为vue下载下来的文件比较大，如果要改盘的话，直接输入 D： 回车就可以直接改盘，
然后我们开始创建新的项目输入命令：vue create +(文件名称)，我一般选择Manually select features手动选择配置安装（看自己的项目需要，配置相应的文件），回车

下一步：

用键盘上下键选择相应的依赖文件，用空格键确定，都不选择也没关系，后期运行时也会提示你要install相应的依赖文件

下一步：然后回车 选择 2.x 版本

下一步：

下一步：输入no

等待安装中…

最后cd 到创建的文件夹中,此时输入npm run serve 是启不了服务器的，继续走下一步

五：用vscode打开刚刚创建的文件夹
1、点击package.json，修改里面的 “serve”
修改前：“serve”:“vue-cli-service serve”
修改后：“serve”:“vue-cli-service serve --open”
此时添加–open就可以了

六：在vscode终端 或者 管理工具中输入 npm run serve 就可以启服务器了

这样，我们的vue基础项目已经安装并运行起来了，已经踏入了vue的大门；撒花，完结；