# create-cbk

彩贝壳前端项目脚手架工具

## 安装

通过 `npm create cbk project-name` 可以快速创建一个新的 react-ts 空白项目

```bash
npm create cbk cbk-app
```

新项目默认会使用 `ts`，`ts` 代码的阅读性和可维护性的效果不言而喻。如果有需求需要用到 `js`，可以使用 `--template` 模板选项

```bash
npm create cbk cbk-app --template js
```

![](docs/images/project-template.jpg)

**目前只有纯净的初始模板，后续可以考虑加入内置路由，状态管理，甚至基本登录/首页菜单页面等通用功能，在对于 B 端系统开发上，会极大的增加前期项目准备效率上。**

## FAQ

#### 既然是新项目为什么不选择更成熟的 create-react-app vite 这类脚手架呢？ create-cbk 优势在哪？

`create-react-app` 是 facebook 官方团队出品的脚手架，其经过数年的版本迭代已经很成熟了。

`create-cbk` 是在 `create-react-app` 的基础上，扩展了许多更友善的配置（通过配置文件设置），并且兼容了而我们老系统的项目 `webpack 4.0` 版本，统一配置，集中管理插件，依赖等信息，使用 `create-cbk` 在内部技术统一方面也有很大的优势。

`vite` 是通过 `esbuild` `rollup` 等工具组成的一套全新的脚手架系统，因为是直接运行 `es module` 文件，在编译速度上有着极大的优势，但是对老项目的更新也是破坏性的，而且 `vite` 整体来说，还不如 `webpack` 成熟。为了线上运行的稳定性，我们可以牺牲部分开发构建效率（0.x 秒）。