1、安装node环境（https://nodejs.org/en/download/）；
2、安装境外淘宝镜像（npm install -g cnpm --registry=https://registry.npm.taobao.org）。大多数vue组件都是境外服务器的，安装镜像代理可以加快我们再开发时安装必要组件的速度；
3、安装vue-cli脚手架（cnpm install -g vue-cli）。脚手架用以生成vue项目；
4、新建项目文件夹并切换到该文件夹路径下；
5、初始化生成vue项目结构（vue init webpack-simple my-project ）。
上述初始化命令是我自己比较喜欢使用的，生成的是简化版项目结构，简介明了。
vue init template-name project-name
其中“template-name”就是官方提示的Vue项目模板，目前有：“webpack”、“webpack-simple”、“browserify”、“browserify-simple”、“simple”。而“project-name”表示你的项目命称。
输入完成之后会提示输入一些项目信息，根据自己的的项目需求添加（表示我是默认enter直接跳过的）。
[if !supportLists]6、[endif]现在生成了vue项目，接下来切换到项目路径安装项目依赖（cnpm install --save 这是必不可少且至关重要的一步）。这里其实就是将“package.json”文件中提到的依赖安装到当前“node_modules”目录中。
7、然后就大功告成直接直接启动项目啦（cnpm run dev）。
ps:后续执行webpack打包（cnpm run build）就可以把你的业务代码打包成build.js跟项目的静态资源一起放在服务器上运行啦。
[if !supportLists]8、[endif]接下来简单说明一下访问vue项目需要经过哪些过程：
[if !supportLists]（1）[endif]、引入webpack配置中的入口文件main.js;
[if !supportLists]（2）[endif]、将main.js中所有引入的文件打包输出为build.js;
[if !supportLists]（3）[endif]、加载主入口文件index.html;
[if !supportLists]（4）[endif]、加载页面中的build.js从而执行渲染页面;
Ps：这只是一个最简单的vue工程搭建，后续开发需要不断扩展新页面新组件，此时我们就需要在src下面专门建立一个存放新页面组件的component目录了：
[if !supportLists]9、[endif]这是就需要知道怎么使用访问这个新页面组件呢，这时就要用到路由配置这玩意了，跟上面下载依赖包的方式一样，在项目根目录下敲cnpm install vue-router --save下载vue官方的路由依赖：
10、此时的我们需要把main.js配置成下面这个样子：
11、这时我们直接在route-config.js中就可以对路由进行如下配置了：
12、vue-router是一个将vue组件嵌套在app.vue中的router-view标签内的路由嵌套组件，此时需要在app.vue中插入router-view标签，至此，不出意外的话，启动vue项目就可以看到新建组件的内容了。
