vue脚手架搭建项目

首先安装node，
npm会自动安装，
node -v 和 npm -v查看是否安装成功和版本
切换npm为cnpm使用淘宝镜像源 npm install cnpm -g --registry=https://registry.npm.taobao.org
cnpm 查看是否成功和版本号 安装vue-cli cnpm install -g vue-cli #
vue -V查看版本 进入指定文件夹
vue init webpack 项目名称 创建一个基于 webpack 模板的新项目
安装项目所需要的依赖 cnpm install
运行项目 cnpm run dev 127.0.0.1:8080可直接访问 config文件夹中可以修改一些配置项，如更改端口
打包上线 npm run build 打包完成后，会生成 dist 文件夹

vue-cli官网提供了5种模板：
1、webpack：一个全面的 webpack+vue-loader 的模板，功能包括热加载、linting、检测和CSS扩展；
2、webpack-simple：一个简单 webpack+vue-loader 模板，不包含其他功能，可以快速的搭建 vue 的开发环境；
3、browserify：一个全面的 Browserify+vueify 模板，功能包括热加载、linting、单元测试；
4、browserify-simple：一个简单的 Browserify+vueify 模板，不包含其他功能，可以快速的搭建 vue 的开发环境；
5、simple：一个最简单的单页应用模板。