vue-cli-plugin-preset-tpl
基于 VUE CLI 3 的自定义预设模板
特性
脚手架默认开启如下功能
- sass 处理器(node-sass)
- vue-router(hash 模式)
- vuex
- axios
- mockjs
- ElementUI
- git commit 规范
- 构建时开启 gzip 压缩
可配置添加功能模块
- lodash
- moment
preset.json
安装使用
使用 vue-cli 3.0 常规创建一个项目
vue create my-appcd my-appvue add preset-tpl
或者可以直接这样安装(推荐)
vue create --preset vxhly/vue-cli-plugin-preset-tpl my-app
目录结构
│ vue.config.js│└─src │ App.vue │ main.js │ ├─api │ axios.js │ errorMessage.js │ index.js │ ├─assets │ │ logo.png │ │ │ └─styles │ └─public │ common.scss │ public.scss │ reset.scss │ ├─mock │ index.js │ ├─router │ index.js │ └─store │ index.js │ ├─modules │ example.js │ index.js │ └─types example-types.js
其他
灵感来源1 => vue-cli-plugin-custom-tpl 灵感来源2 => vue-cli-plugin-element 灵感来源3 => vue-cli-plugin-ant-design