UNPKG

@pgsz/pg-cli

Version:

pg-cli脚手架的自我学习

78 lines (51 loc) 3.14 kB
### V1 - 用户输入命令,这边创建项目 - 使用[commander.js](https://github.com/tj/commander.js/blob/master/Readme_zh-CN.md),解析用户的目录,提取用户的输入给脚手架 - 使用 `npm link` 注册成全局命令,这样可以在电脑任何地方适应命令;可用 `npm ls -g -depth=0` 查看已注册的全局命令,可以使用 `npm unlink` 取消全局注册或 `npm rm -g 模块名`进行删除 - 脚手架解析用户命令,弹出交互语句,询问用户创建项目所需功能 - 使用[Inquirer.js](https://github.com/SBoudrias/Inquirer.js/),弹出问题和选项,让用户选择 - 用户选择所需功能 - 脚手架根据用户的选择创建 `package.json` 文件,并添加对应的依赖项 - 脚手架根据用户的选择渲染项目模板,生成文件 - 执行 `npm install` 命令安装依赖 ### V2 - 创建项目时判断该项目是否已存在,支持覆盖和合并创建 - 选择功能时提供默认配置和手动选择两种模式 - 如果用户的环境同时存在 yarn 和 npm,则提示用户使用哪个包管理器 - 如果包管理器的默认源速度慢,则提示用户是否切换到淘宝源 - 如果是手动选择功能,则在结束之后询问用户是否将本次的选择保存为默认配置 ### v3 - 将项目拆分为 monorepo 的组织方法 - monorepo:单一代码库,在版本控制系统的单个代码库里包含了许多项目的代码;代码可能相关,但通常在逻辑上是独立的,可能由不同的团队维护 - 可见性、跟简单的依赖关系管理、唯一依赖源、一致性、共享时间线、原子提交、统一的CI/CD、统一的构建等 - 性能差、破坏主线、学习曲线、大量的数据、所有权等 - multirepo:多代码库,每个项目存储在一个完全独立的、版本控制的代码库中 [lerna多包管理实践](https://juejin.cn/post/6844904194999058440) [lerna官网](https://lerna.js.org/) [lerna github文档](https://github.com/lerna/lerna#readme) ``` npm install lerna lerna init lerna create xxx <!-- 将本地或者远程的包作为依赖项添加到当前的packages中,每次只能添加一个包 --> lerna add xxx --scope=xxx <!-- 安装所有packages的依赖项并且连接本地包的交叉依赖项 --> lerna bootstrap ``` ``` ├─packages │ ├─@pg │ │ ├─cli # 核心插件 │ │ ├─cli-plugin-babel # babel 插件 │ │ ├─cli-plugin-linter # linter 插件 │ │ ├─cli-plugin-router # router 插件 │ │ ├─cli-plugin-vue # vue 插件 │ │ ├─cli-plugin-vuex # vuex 插件 │ │ └─cli-plugin-webpack # webpack 插件 └─scripts # commit message 验证脚本 和项目无关 不需关注 │─lerna.json |─package.json ``` - 新增 add 命令,通过 pg-cli-v3 add xxx 命令的方式添加插件 ### v4 - 抽离 webpack,将 vue 和 webpack 形成 pg-cli-service