之前由于看了React的东西，写了两篇React的脚手架搭建，一是给自己记一点可用的东西，免得每次都去找，毕竟搭建环境在项目相对固定的时期不是经常要干的事情，一段时间不用就会忘记了。

前端的js框架还真是丰富得不行，React那边看了一些东西后，我朋友告诉我还有更好用的vue.js，反正都是刚开始接触前端的东西，多看看总没有坏处，好在有了前面一些基础，vue.js的掌握并没有遇到很多的问题。下面还是从vue.js的模板项目搭建做起吧，已经安装过环境的，部分步骤可以跳过。

IDE：vscode

vue.js版本：2.8.2

1.安装淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

2.安装webpack

cnpm install webpack -g

3.安装vue脚手架

npm install vue-cli -g

4.然后命令行你需要定位到指定的目录，例如我需要把项目放在D:\test目录下，创建项目

vue init webpack-simple 工程名字<工程名字不能用中文>

或者创建 vue1.0 的项目

vue init webpack-simple#1.0 工程名字<工程名字不能用中文>

cd/d d:\testvue init webpack-simple testdemo

还有一个模板版本，包含了一些vue常用的工具，比如vue-router， ESLint，UnitTest单元测试等

vue init webpack testdemo

在命令行执行的过程中会让你选择是否包含这些工具

比如下一篇vue关于vue-router的，这里包含进来就可以省掉很多的写代码的时间

 

5.目录创建成功后，vscode打开项目目录D:\test\testdemo，如下图所示

6.vscode命令行加载所有包

cnpm install

7.安装完后，就可以直接看demo效果了

npm run dev