自定义vue-cli模板

自定义vue-cli模板

环境配置

1.使手机支持实时预览

修改config/index.js下的localhost0.0.0.0,即可支持手机预览

必备插件

1.安装stylus-loader

① npm安装stylus-loader

1
npm i stylus stylus-loader --save-dev

② 修改.vue组件样式标签

1
2
3
<style lang='stylus'>
...
</style>

2.导入normalize.css

① npm安装normalize.css

1
npm i normalize.css

② 在main.js中全局导入normalize.css

1
import 'normalize.css'

3.使用模板

删除node_modules文件夹后,将项目文件夹放在一个template文件夹下