使用vue-cl2.x快速构建应用

我们以webpack为例，输入：

vue init webpack myproject

myproject 项目名字自己取，接下来是安装流程：

Project name (myproject) 括号中是默认选项，你可以修改也可以直接回车确认

Project description (A Vue.js project)项目描述，也可以直接回车跳过

Author (xxxxx) 作者名称

Runtime + Compiler: recommended for most users 运行加编译（推荐选项）
Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specificHTML) are ONLY allowed in .vue files - render functions are required elsewhere 仅运行时
选择运行时编译的原因，可以翻回官网文档： https://cn.vuejs.org/v2/guide/installation.html#运行时-编译器-vs-只包含运行时

Install vue-router? (Y/n) 是否安装vue-route，建议选择Y，vue路由大多情况下都会使用上，特别是构建单页面应用的时候。

Use ESLint to lint your code? (Y/n) 是否使用ESlint来管理你的代码风格，建议选择Y，养成良好的代码风格很重要，至于选择哪种风格因人而异（Standard，AirBNB，none），我一般使用Standard标准。

Setup unit tests with Karma + Mocha? (Y/n) 是否安装单元测试，Y

Setup e2e tests with Nightwatch?(Y/n)是否安装e2e测试，Y

安装完成，接下来按照提示所说的指令输入，即可完成构建。

进入我的项目

cd myproject

安装所有的依赖模块，这个过程相当漫长，因为npm是国外服务器，我们可以选择使用国内npm镜像资源，例如淘宝的，参考文章：http://riny.net/2014/cnpm/

 npm install

构建完成后，我们可以去run一下，看一下运行后的效果：

npm run dev版， browserify完整版简易版，pwa渐进式web框架和单纯的vue配置模板：

现在我们就可以进行项目开发啦，开发过程中页面会实时进行渲染更新。

当我们需要打包项目的时候，可以输入：

npm run build

打包完成后，目录中会生成一个dist文件夹，这个就是我们最后的项目输出成品啦。
实际上，在部署的时候要注意，假设静态服务器的域名是 http://static.baidu.com ，那么对应到访问 <项目根目录>/dist/index.html 的 URL 一定要是 http://static.baidu.com/index.html ，其他的静态资源以此类推。