vue-cli使用总结

简介

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

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

vue-cli 手脚架模版：

browserify – 拥有高级功能的 Browserify + vueify 用于 正式开发

browserify-simple – 拥有基础功能的 Browserify + vueify 用于 快速开发

simple – 单个 HTML，用于开发最简单的 Vue.js 应用

webpack – 拥有高级功能的 Webpack + vue-loader 用于正式开发

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