arch-guard-cli

arch-guard 前端项目脚手架

为什么需要该脚手架？

• 保持代码规范性
• 减少手动新建文件操作，快速生成符合项目风格的代码，提高开发体验

TODO

• [x] 自动生成 page 文件模板
• [x] 自动生成 组件 文件模板
• [x] 自动生成 路由配置
• [x] 自动生成 菜单配置
• [ ] 打包
• [ ] 插件架构
• [ ] 测试
• [ ] 搭建流水线
• [ ] ts

使用

npm install arch-guard-cli -g

常用命令(必须在项目的src目录下运行)

• 创建页面：ag g p systemEvaluation/Demo 页面菜单名

上述命令会在 pages/systemEvaluation文件夹下新建Demo页面，并且自动配置好路由和菜单（菜单名设置为最后一个参数：页面菜单名）

• 创建基础组件：ag g c 组件名 -ba
• 创建业务组件：ag g c 组件名 -bu

常用缩写

• g => generate
• c => component
• -ba => --basic
• -bu => --business

调试

在本项目路径下执行

npm link