1.2.2 • Published 2 years ago
purple-cli v1.2.2
PURPLE-CLI
初衷
拿一个 vue 项目来说:
试想一下一个新的项目开始的时候需要做什么?
1. 使用 vue-cli 初始化一个新的项目。
2. 删除或更改 cli 帮你初始化的几个文件。
3. 搭建页面 layout,至少包括 header、aside、footer、main 四个组件,和一个容器。
4. axios 请求统一拦截,处理。
5. vue-router 导航守卫的构建。
6. 组件库的引用和配置,以及组件库通用组件的二次封装,例如:element-ui 的 message 组件。
7. 全局 sass 变量的配置,iconfont 引入,全局 css 样式的设置。
8. gitignore
9. hascky
10. eslint
11. vscode setting
12. loading `AND MORE . . .`
再想一下,新建一个页面需要做什么?
1. 新建一个 vue 文件,并写好生命周期。
2. 配置路由。
3. 配置导航菜单 `AND MORE . . .`
如果上面写的没有太多错误的话,构建一个新项目至少需要 3 人/日左右,除非你们团队有自己的模板。如果在一个现有的项目上改造也是不错的,但是 我最讨厌的就是改代码了!!!
,不知道你是不是。
这个工具实现了三个场景:
- 构建新项目,比 vue-cli 和 react-cli 更加全面的涵盖上面所有的情况,你需要做的只是调用。
- 保存模板,你可以把自己的模板导入这个工具中,方便以后使用。
- 新建页面从未如此丝滑,一瞬间构建新页面,自动化加载。
安装
$ npm i -g purple-cli
命令:init - 初始化项目配置
```bash
$ purpleCli init
请填写项目名称:
请选择框架模板:
(*) vue-poc
( ) html-base
已更新配置! ./purple-cli.json
```
init 会在当前命令所在的路径,生成一个配置文件,当然也可以手动创建。
当前版本只有两个字段:
- title:项目名称 String
- frame: 框架模板标识 String
其他所有命令都是依据这个配置进行操作的。
命令:create - 创建项目
```bash
$ purpleCli create
创建项目中. . .
项目名称:new-new-new
框架模板:vue-poc
[结果] 创建成功!
[温馨提示] 项目初始化成功,请执行以下命令:
cd new-new-new
npm install
npm run serve
访问项目,感谢您的使用!
```
create 会根据当前项目,结合 vue-poc 模板生成一个新的项目。
以后的版本可能会支持插件配置,当前版本还不支持。
命令: new - 新建页面 - 开发中 . . .
功能设计为 根据 page-key ,结合 page-module 生成一个页面,并同时生成 router、config、store 文件,自动化导入全局的对应配置中。即达到,new 完成即可访问的效果。
命令: add - 添加自定义模板 - 开发中 . . .
功能设计为向 purple-cli.json 中添加新的框架模板和页面模板,支持 git 地址、本地地址、npm 资源路径。
最后
目前维护在 gitee 上: https://gitee.com/purplechildren/purple-cli
欢迎 star,欢迎加入。