什么是 zfs-plop-templates？
zfs-plop-templates 是一个用于快速创建 React 组件和 Redux 数据库的脚手架。它基于 plop，一个可生成代码的命令行工具，提供了起步项目、创建文件、编辑文件、删除文件等开箱即用的模板。
安装 zfs-plop-templates
为了使用 zfs-plop-templates 命令行工具，需要先全局安装该包。
npm install -g zfs-plop-templates
使用示例：创建 React 组件
为了快速创建 React 组件，您可以使用以下命令：
zfs-plop-templates react-component
接下来，将看到以下提示：
? Component name: Input ? Select where to place the component: src/components/
在这里，您需要填写组件名称和组件目录。在这个例子中，我们将创建一个名为 Input 的组件并将其放在 src/components/ 目录下。
? Component name: Input ? Select where to place the component: src/components/ create src/components/Input/Input.js create src/components/Input/Input.css create src/components/Input/Input.test.js
现在，Input 组件的目录和文件已经创建完成了。
-- -------------------- ---- -------
-- -----------------------------
------ ----- ---- --------
------ --------------
----- ----- - -- -- -
------ -
---- ----------------------------
------ ----------- ------------------- --
------
--
--
------ ------- -------- -------------------- ---- ------- -- ------------------------------ -- ---------------- - -------- ----- ---------------- ------- ------------ ------- - ----- - -------- ------ ----- ---------- ----- -
-- -------------------- ---- ------- -- ---------------------------------- ------ ----- ---- -------- ------ - ------ - ---- ------------------------- ------ ----- ---- ---------- ------------- ----- ----------- -- -- - ----- - -------------------- - - ------------- ---- ----- ------------ - ------------------------------ ----------------------------------------- ---
使用示例：创建 Redux 数据库
为了快速创建 Redux 数据库，您可以使用以下命令：
zfs-plop-templates redux-store
接下来，将看到以下提示：
? Select a name for your reducer: user ? Select where to place the reducer: src/store/reducers/
您需要为该 reducer 命名并选择一个目录。在这个例子中，我们将创建名为 user 的 reducer 并将其放在 src/store/reducers/ 目录下。
? Select a name for your reducer: user ? Select where to place the reducer: src/store/reducers/ create src/store/reducers/user.js
Redux 数据库的目录和文件已经创建完成了。
-- -------------------- ---- -------
-- --------------------------
----- ------------ - -
----- ---
---- --
--
----- ----------- - ------ - ------------- ------- -- -
------ ------------- -
---- -----------
------ -
---------
----- ---------------
--
---- ----------
------ -
---------
---- ---------------
--
--------
------ ------
-
--
------ ------- ------------总结
zfs-plop-templates 可以极大地提升开发效率，为我们省去大量时间。希望这个简易的使用指南可以帮助大家更好地使用该脚手架。
参考
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60067356890c4f7277583c15