这里对两个命令做进一步拓展介绍:
4-1,init
init 命令用来基于指定模板生成项目结构.前面提到过的,template-name 为模板名,project-name 为要生成的目录名
4-2,list
list 命令用于列出所有可用的模板,通过查询 https://api.github.com/users/vuejs-templates/repos 这个 API 接口可以得到所有列表.
命令行输入指令:
$ vue list
前面提到,在执行 init 命令时可以指定模板的名字.在默认情况下,vue-cli 会根据所传入的模板名字去 github 中查找模板.
vue-cli 的模板分为 官方模板,自定义模板,本地模板
(1),官方模板
上图中就提供了 5 种 官方模板:
browserify -- 拥有高级功能的 Browserify + vueify 用于 正式开发
browserify-simple -- 拥有基础功能的 Browserify + vueify 用于 快速开发
simple -- 单个 html,用于开发最简单的 vue.js 应用
webpack -- 拥有高级功能的 Webpack + vue-loader 用于正式开发
webpack-simple -- 拥有基础功能的 Webpack + vue-loader 用于快速开发
在这里特别提一下 webpack,前面在安装 webpack 模板时,有一个选择项,是否使用 ESLint 来规范你的代码
ESLint 对于平时不太注意代码缩进的朋友可能是一个噩耗,我们简单演示一下,打开 src 下的 App.vue,把代码稍作修改
刷新页面,提示了各种代码缩进,空格 之类的错误
(2),自定义模板
当官方模板不能满足需求时,我们可以 fork 官方模板按照自己的需求修改后,通过 vue-cli 命令生成基于自己模板的项目结构:
$ vue init username/repo my-project
(3),本地模板
除了从 github 下载模板外,我们还可以从本地加载模板:
$ vue init ~/fs/path/to-custom-template my-project
来源: http://www.bubuko.com/infodetail-2476271.html