如果你正在从事前端开发，那么你一定会频繁地使用 npm 来安装各种包。每次使用 npm init 来创建项目时，都需要手动输入一些信息，这个过程有时候会比较繁琐。为了优化这一步骤，@rabbitcc/create 包应运而生，可以让你快速创建一个新的项目，此外还支持 TypeScript、React、Webpack 等常见的框架和库。
安装
使用以下命令来安装 @rabbitcc/create：
--- ------- -- ----------------
创建项目
要使用 @rabbitcc/create 创建项目，只需要输入以下命令：
------ -------- -------------- -- -------------- --- -------
其中 <project-name> 为你想要创建的项目名字。
这时候你就已经创建好了一个基于 Webpack 的前端项目，并且已经安装了所有必需的依赖。在项目的根目录下，你可以看到以下目录结构：
- --- ------- - --- ---------- --- ---- - --- -------- --- -------- --- --------- --- -----------------
细节解析
package.json
在创建项目的时候，会在项目根目录下生成一个 package.json 文件，其中 @rabbitcc/create 会将其生成的基本信息写入到文件的 dependencies 字段中，并且默认安装 Webpack、Babel、ESLint 和 Prettier 等包。
此外，@rabbitcc/create 还会通过 cross-env 包来添加一些基础配置，如 NODE_ENV=development 环境变量。
自定义配置
如果你想要自定义配置，只需要在创建项目时加上 --template 参数，自定义配置参数会覆盖默认配置。
支持的参数
--template <template-name>: 使用指定的模板，默认为 webpack，其余可选项为 react 和 typescript。--no-git: 在创建项目时关闭 Git 初始化操作。--use-npm: 使用 npm 安装依赖，默认使用 yarn。
示例代码
使用 @rabbitcc/create 创建一个 React 项目：
------ -------- ------------ ---------- ----- -- ------------ --- -------
使用 @rabbitcc/create 创建一个 TypeScript 项目：
------ -------- --------- ---------- ---------- -- --------- --- -------
后续指导
@rabbitcc/create 能够让你快速创建一个新的前端项目并配置好常用的框架和库，但是这只是开始。要真正深入理解前端开发，您需要深入学习每个库和框架的个别特性。所以，这里推荐一些可以帮助您提升前端开发技术的学习资源。
希望这篇文章能够为您提供一些帮助和指导，祝您前端开发之路愉快！
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600572f981e8991b448e920e