本文为博主多次测试后所写，按照顺序基本不会出错，希望可以帮到所有看到本文的朋友。此外，因博主刚使用vue不久，如果有表述错误之处，请不吝指正。
新项目的前端开始采用VUE框架，以前零零碎碎学习了一段时间，但是一直没有真正用在实际项目上，此次正式使用，感觉还是挺不习惯，但有的地方数据驱动确实比直接操作DOM感觉要方便不少，后面一阵子要多花一些时间好好学习学习了。
前端使用VUE进行开发，通过两种方式可以进行：
1、html页面中直接通过script标签引入vue.js进行开发；
2、通过vue脚手架搭建vue项目进行开发。
本文介绍的即为通过vue脚手架搭建vue项目进行开发，开发工具为VS CODE。
VS CODE官网下载地址：https://vscode.en.softonic.com/，安装步骤根据提示往下走就可以。
vue是基于webpack等前端构建工具建立的应用，vue开发依赖的环境需要node.js，比如需要依赖webpack+babel构建依赖打包，以及通过webpack进行模块化管理等。
node.js官网下载地址：https://nodejs.org/en/，安装步骤和vscode一样跟着往下走就可以了。
下载node.js时建议选择高版本或最新版的，vue运行需要基于npm，版本低了有可能会出错，node安装完成后npm会随着自动安装，node版本号如果比较高，npm的版本号也会比较高，可以省去后期的一些事，否则遇到一些报错时，可能还需要手动更新npm的版本号。
安装完成后，可以通过如下指令分别查看node.js和npm的版本：
node -v npm -v出现上图结果时说明node已经成功安装。
安装cnpm前先想一想我们为什么要安装cnpm呢？
npm是的node.js的包管理器，用于节点插件管理（包括安装，卸载，管理依赖等），cnpm和npm的作用其实相同，区别在于npm安装插件是从国外服务器下载，所以速度慢同时也不稳定，而cnpm则是淘宝的镜像，用来替代npm再国内的使用。
安装指令：
npm install cnpm -g --registry=https://registry.npm.taobao.org安装完成后，再控制台中通过如下指令可以查看cnpm的版本信息，本机中cnpm版本信息如下：
安装完成后，通过如下指令可以查看vue版本号：
vue -V 此处注意V需要大写，或者使用 vue --version也可以本机安装结果如下：
需要注意的是，如果此处控制台提示“‘vue‘ 不是内部或外部命令，也不是可运行的程序或批处理文件”，可能是vue未安装成功或npm版本过低，vue未安装成功可以直接点击上行蓝色文字自行解决，npm版本低则需要手动升级npm版本，升级指令如下：
npm install -g npm控制台进入一个指定文件夹，如本机再E盘的html文件夹下，则项目将被创建再该文件夹下。
此步骤时需要重新输入一次项目名称，如本次指令想要创建一个叫做vue-project的项目，则再次输入一次。
第2-4项可以通过enter直接跳入，第5项输入Y
后面几项也是一样，有Y/n选择想的，都选择Y，没有的可以直接跳过，最后一项可以选择第一个或第三个选择进行安装，即根据npm进行安装或稍后自己安装，个人建议选择第三个选项---自己进行安装，使用npm install的速度实在时太慢了，选择第三项后点击enter，之前选择创建项目的目录下已经产生了一个新的文件夹。
第二个项目时通过4步骤的第三个建议选项创建的，点击进入该文件夹内，在地址栏上输入cmd进入控制台后，通过如下指令进行安装：
cnpm install该步骤安装用时应该在20秒以内，至此，选择npm安装的vue-project还没有完成，可以看出npm和cnpm在速度上的差距了。
执行后结果如下：
这是告诉我们可以通过这个地址去访问应用，在浏览器中输入localhost:8081后，结果如下：
至此，vue脚手架搭建完成，我们可以开始进行我们的开发工作了。
