开发了一款能够快速投入到项目开发中的脚手架: create-wl-app
1、背景
- 多人协作开发过程中,出现代码规范问题无法有效的进行规避;
- 前端项目框架配置工作繁琐,如:eslint、ui库、状态库、路由库、请求库、打包优化配置等等;
- 官方 create-vue脚手架配置较全,但只支持 Vue 项目,不支持 React;
- 官方 create-cli脚手架现已处于维护模式,官方推荐使用 create-vue 来创建基于Vite的新项目;
- 官方 create-react-app脚手架年久失修,使用的webpack,配置复杂冗余,不支持Vue;
- 社区 create-vite脚手架可支持多框架,但配置简单,无法立刻使用到项目开发中;
2、create-wl-app
- 基于以上种种原因,所以需要打造一款能够快速投入到开发中的脚手架;
- 选择了Vite也是因为它很快,而且现已更新到 4 版本,更加的稳定,生态广,配置简单;
- 选择市面上主流的两个框架 Vue 和React作为开发模板;
- 集成了市面上比较通用的库,例如:antd、element-plus、axios、pina、jss等等;
- 也集成了很多方便开发的库,例如:ahooks、vueuse、react-dev-inspector、vite-plugin-vue-devtools等等;
- 使用了 Eslint 和Prettier来规范代码开发,同时使用了git+husky来限制提交规范;
- 还有打包优化配置、压缩处理配置、兼容处理等等;
- 为了方便小伙伴们知道模板中的具体内容和更新内容,也搭建了一个文档网站:create-wl-app
- 至于为什么叫create-wl-app,想不到更好的名字了-_-
3、结尾
- 也希望大家使用愉快;
- 如果有什么更好的项目,欢迎大家到我的gitee提 Issues ;
- 最后希望大家喜欢的话,点个⭐️;