⚡一个用于快速创建Vue工程化项目的脚手架工具
安装
npm i channing-cli -g
使用
切到期望项目所在的父文件夹目录下
channing create <projectName>
Todo
- 完善默认js模板的工程化配置(主要包括api目录、vuex以及axios封装等) 👌
- Ant Design按需引入版本的模板👌
- 基于qiankun微前端架构的主应用模板👌
- 基于qiankun微前端架构的微应用模板👌
- 基于默认模板的ts版本模板 ...
- 后续会使用rollup卷一卷这个包,因为目前这个包还挺小的所以优先级就往后稍稍了
交流
想自己搭一个简易的脚手架的话可以去我的仓库里pa(顺手给个star⭐):GitHub
其实发这个包的初衷一是为了满足对脚手架工具的好奇心,二是因为前段时间在研究了下qiankun这个微前端框架,目前也重构了公司内部的管理端(每次打包是真的头皮发麻,属实是巨石应用),但是无论对于主应用还是微应用的接入都有一些令人头秃的坑在,并且官网快速起步没有讲在vue中的使用(作为vue的舔🐕有被鄙视到),所以在此基础上,想把之前填好的坑作为模板去创建后续的每个微应用,省时省力之余也少了很多别人接手这个项目时的初始化问题。
另外,写到这里突发奇想其实这是不是可以作为一个前端工作者们对于工程化最佳实践的一个交流与讨论(battle)的地方,将一些最佳实践抽象成模板通过这个脚手架去创建(想钓鱼大佬们的百年工程精粹(¯﹃¯))。所以如果ok的话可以去GitHub上评论交流一下自己对于前段工程化的一些想法,不需要太大的心里负担,只要是经过自己细心推敲出来的工程化实践,都有其存在的道理,取其精华去其糟粕,交流亮点或是不合理的地方也是一种成长的方式。
PS: 因为是刚发的包,很多东西都没完善,但会持续更新的, 毕竟主要是方便自己日常开mo发yu, 不用每次搭新项目都复制粘贴一堆配置什么的。 当然,后面时间充裕了会把Vue 3.0的模板也加进来的。
更新
2020.9.8
- 加入了微前端主应用的vue工程化模板
2020.9.7
- 加入了微应用的vue工程化模板
- 增加模板系列选择功能
2020.9.5
- 加入了js版本按需引入antd的vue工程化模板,以及在内部封装了一个FLIP动画组件用于渲染列表
2020.9.1:
- 加入了一个node流程去根据用户输入的项目名修改
package.json
中的name
(name与html header中的title相关)
2020.8.30:
- 补充了js版本的vue的工程化模板,主要包括像vuex的使用demo,api和service的包装,axios的实例配置封装,拦截器处理,加入了简单的filter和mixin的demo等等。
- 加入了
mock-server
模板,主要是用于在本地起一个简单的node服务去模拟接口数据的请求,路由模块化已经配置过了,拉下来可以快速编写自己想要的接口。