一款可以创建模块的快速开发脚手架

项目地址: gitee.com/xuanxiaoqia…

传统的vue-cli、create-vue创建出来的项目功能都比较基础，不能满足开发需求。

于是我在在前者的基础上进一步配置，达到创建无需配置即可开发。脚手架创建出来的项目配置好以下功能

vite配置好反向代理、别名为@、自动导入插件unplugin-auto-import/vite
路由配置常用生命周期、自动导入

上述配置为必须配置，你还可以在上面的基础选择其他功能丰富你的开发例如axios、pinia、scss...

动态创建模块

qian-cli除了初始化项目之外,还提供了create命令创建项目模块

例如创建login路由模块,以往操作:

新建login.vue文件
在src/router/module下新建login.ts文件
在src/router/index.ts中导入login.ts文件

使用qian-cli脚手架后:

在项目新建qian-cli.json (一劳永逸)


{

 "router": {

  "routePath": "src/router/modules",

  "pagePath": "src/views",

  "alias": "@",

  "isPageDir": false

 },

 "store": {

  "storePath": "src/store/modules"

 }

}

运行命令


qian-cli create login

? 请选择要创建什么模块 router

没有3了,也就是说理论只需一步即可完成创建

更多功能你可以去说明文档查看,后续将增加更多功能......

官方文档: qian-cli.xuanxiaoqian.com/

gitee: gitee.com/xuanxiaoqia…