随着移动互联网的发展，移动应用的需求也越来越多，而 React Native 作为一种跨平台的开发框架，越来越受到开发者的关注。而在 React Native 开发中，需要使用一些工具来更好地辅助开发。本文将会介绍一个能够快速生成 React Native 脚手架的 npm 包 - react-native-maker-cli。
什么是 react-native-maker-cli？
react-native-maker-cli 是一个基于 React Native 官方命令行工具 react-native-cli 的增强版，能够帮助开发者快速创建 React Native 项目、组件和模板。它支持自定义模板和自动生成模板，除了可以利用模板快速创建常见的组件外，还可以实现一些工具的自动化操作，如生成代码、组合配置或编写文档等等。
安装
安装前，需要先确认在你的电脑上是否已经安装了 Node.js 和 React Native 的命令行工具 react-native-cli。如果没有安装，可以使用以下命令进行安装：
- --- ------- -- ----------------
然后，我们就可以使用以下命令安装 react-native-maker-cli：
- --- ------- -- ----------------------
解释一下，-g 表示全局安装，即安装到全局环境中，方便接下来的使用。
使用
react-native-maker-cli 提供以下命令：
nrm (New React Native Mobile)
该命令用于创建一个新的 React Native 项目。使用该命令必须提供项目名称和所使用的 React Native 版本。如果只提供项目名称，则默认使用最新版的 React Native。
- --- --- ------------ ---------
options 可以有以下参数：
- -v：指定使用的 React Native 版本。
- --is-typescript：指定该项目采用 TypeScript 进行开发。
- --template：提供自定义模板名称。
接下来，我们使用 nrm 命令创建一个名为 AwesomeProject 的项目：
- --- --- -------------- -- ------ --------------- ---------- -------
上述命令创建了一个名为 AwesomeProject 的项目，使用了 React Native 0.64.0 版本进行开发，使用了 TypeScript 进行编写，并使用了自定义模板 default。
nrc (New React Native Component)
该命令用于创建一个新的 React Native 组件。使用该命令必须提供组件名称和所在的目录。组件名称必须符合 CamelCase 命名规则。
- --- -------------- ---------
options 可以有以下参数：
- -d：指定组件所在的目录。
- --is-typescript：指定该组件采用 TypeScript 进行开发。
- --template：提供自定义模板名称。
我们可以使用以下命令来创建名为 TestComponent 的组件：
- --- ------------- -- ---------------- --------------- ---------- -------
上述命令创建了一个名为 TestComponent 的组件，它将被创建在 ./src/components 目录下，使用 TypeScript 进行编写，并使用了自定义模板 default。
nrt (New React Native Template)
该命令用于创建一个新的 React Native 模板。使用该命令必须提供模板名称和所在的目录。模板名称必须符合 kebab-case 命名规则。
- --- ------------- ---------
options 可以有以下参数：
- -d：指定模板所在的目录。
- --is-typescript：指定该模板采用 TypeScript 进行开发。
我们可以使用以下命令来创建名为 test-template 的模板：
- --- ------------- -- --------------- ---------------
上述命令创建了一个名为 test-template 的模板，它将被创建在 ./src/templates 目录下，并使用 TypeScript 进行编写。
使用自定义模板
除了提供默认模板之外，我们还可以使用自己定义的模板。自定义模板可以用于生成自己的项目、组件和模板。
使用自定义模板，我们需要按照一定的目录结构进行配置，例如：
----------------------------------
--- --------
--- --------
--- ------------
--- ---------
--- ----
- --- -------
- --- -------
- - --- ---
- --- -----------
- - --- ----------
- - --- ---
- --- --------
- --- --------------
- --- ---
--- ------
--- ---在上述目录结构中，我们需要至少提供一个包含模板变量的模板文件。模板变量可以是任何文本值，如项目名称、版本号、React Native 版本号等等。通过模板文件，我们可以将模板变量替换为实际值，从而创建具体的项目、组件或模板。
例如，我们可以创建一个包含模板变量的 README.md 文件：
- ---------------- -- ------------ ---- -- - ---------------- ----- ---- ----- ------ --------------- ---- ------- --- ------- ----- --- -------- ----- --------------------
然后，我们可以使用自定义模板的方式创建一个新的项目：
- --- --- --------- --------------- ---------- -----------
nrm 命令会扫描自定义模板文件夹，并查找一个名为 app.json 的配置文件，用于验证模板。如果配置文件不存在，则按照默认规则进行创建，将模板变量替换为实际值，以生成新的项目、组件或模板。
总结
在本文中，我们介绍了 react-native-maker-cli 的基本用法及自定义模板的使用。通过 react-native-maker-cli，我们可以快速生成 React Native 项目、组件和模板，从而提高开发效率。希望这篇文章能够帮助到正在使用 React Native 开发的开发者们。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60056ccb81e8991b448e6547