vue-cli是一个项目脚手架工具,它支持通过模板来生成项目结构。执行vue init命令可以指定模板的名字,默认情况下vue-cli会根据传入的模块名字去github中查找模板。
vue-cli的模板分为官方模板、自定义模板和本地模板。
官方模板
在使用前可以先用vue list 命令查询有哪些模板可以使用,然后通过vue init命令来生成相应的项目结构。模板分为基础和高级两个版本,其中基础版本用于快速构建原型;高级版本用于正式开发。所有模板都支持*.vue组件。
目前官方提供了以下模板:
Browserify
拥有高级功能的Browserify+vueify用于正式开发。
browserify-simple
拥有基础功能的Browserify+vueify用于快速开发。
browserify-simple2.0
拥有基础功能的Browserify+vueify用于Vue.js2.0快速开发。
simple
单个HTML,用于开发最简单的Vue.js应用。
simple-2.0
单个HTML,用于开发最简单的Vue.js2.0应用。
webpack
拥有高级功能的Webpack+vue-loader用于正式开发。
webpack-simple
拥有基础功能的Webpack+vue-loader用于快速开发。
webpack-simple2.0
拥有基础功能的Webpack+vue-loader用于Vue.js2.0快速开发。
自定义模板
当官方模板不能满足需求时,我们可以fork官方模板按照自己的需求修改后,通过vue-cli命令生成基于自己模板的项目结构:
$ vue init username/repo my-project
本地模板
除了从github下载模板外,还可以从本地加载模板:
$ vue init ~/fs/path/to-custom-template my-project