cli:https://github.com/liliphoenix/full-featured
Full-Featured脚手架目的是来为我们的业务开发节省时间,省去复杂的二次封装配置。
项目demo:http://39.107.94.120:8001/#/home 文档地址:https://liliphoenix.github.io/full-featured/ 自动化部署教程:https://juejin.cn/post/7352925909740322831
功能介绍 | 详细说明 | |
---|---|---|
打包优化 | 代码分割方案、gzip、polyfills等 | ✅ |
性能优化 | host局域网热更新、postCss(autoprefix、preset)等 | ✅ |
开发便捷 | alias常用封装、scss入口封装、env多环境配置、跨域配置等 | ✅ |
代码风格检查 | eslint+prettier+stylelint | ✅ |
代码提交检查 | cz.js+commitlint+cz-git-emoji 一键式提交方案(即严谨又好看👍) | ✅ |
图片资源处理 | svg、icon封装雪碧图、ali-oss云存储空间方案 | ✅ |
css | 封装常用样式组合,封装常用动过渡动画、base文件配置全局使用 | ✅ |
axios | axios接口二次封装、封装相应和请求拦截器、封装适配ali-oss的函数和server、(Restful❌) | ✅ |
utils | 封装防抖节流、时间转换等等函数 | ✅ |
pinia | 基础封装+ali-oss Api调用函数封装 | ✅ |
router | 基础封装(404页面等等) | ✅ |
git自动化部署 | 封装workflow脚本文件,自动打包部署到(github、gitlab❌、gitee❌) | ✅ |
自动化部署(上线) | 提供 docker+jenkins+nginx 搭建自动化部署部署方案 (在掘金提供亲笔配套教程亲,包教包会) | ✅ |
全局安装full-featured-cli脚手架
npm install full-featured-cli -g
🌈 一键生成模版
full-featured init
✅ 启动
npm run dev
📦 打包
npm run build
⬆️ 一键提交代码
npm run commit