vue-cli模板

  • Post author:
  • Post category:vue


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



版权声明:本文为qq_29645505原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。