vue-cli使用总结

简介

在开发较大项目时，为方便多人共同开发，我们需要考虑代码目录结构、语法规范、项目构建和部署、热加载、代码单元测试等事情。而脚手架即是为我们自动完成这些基本工作的构建工具，在 Vue.js 生态中我们可以使用 vue-cli 脚手架工具来快速构建项目。

手脚架的搭建可查阅：链接

---

vue-cli 手脚架模版：

1. browserify – 拥有高级功能的 Browserify + vueify 用于 正式开发
2. browserify-simple – 拥有基础功能的 Browserify + vueify 用于 快速开发
3. simple – 单个 HTML，用于开发最简单的 Vue.js 应用
4. webpack – 拥有高级功能的 Webpack + vue-loader 用于正式开发
5. webpack-simple – 拥有基础功能的 Webpack + vue-loader 用于快速开发

---

搭建命令（步骤）

1.安装node ^6
2.全局安装vue-cli

 npm stall vue-cli -g

3.从git下载模版构建项目

vue init <template-name> <project-name>
//以webpack为例
vue init webpack projectname

4.交互选项
以webpack构建为例, 有：
eslint: 检查语法规范
Karma + Mocha: 单元测试

//-y 跳过交互
vue init <template-name> <project-name> -y 

5.进入目录安装依赖

cd projectname
npm install

6.运行开发模式

// 具体修改package.json配置
npm run dev