什么是 fuge-standard
fuge-standard 是一款可以帮助开发者快速优化项目结构的 npm 包。该包可以为项目添加一些标准化的文件和目录结构，轻松实现模块化拆分，方便后期的维护和开发。
fuge-standard 安装
在使用 fuge-standard 之前，需要先安装 npm 包管理器。在完成安装后，可以在命令行工具中输入以下命令以安装 fuge-standard：
npm install fuge-standard --save
如何使用 fuge-standard
使用 fuge-standard 可以实现快速优化项目结构。首先，在合适的位置创建 fuge.json 文件，并填写需要添加的目录和文件信息。例如：
-- -------------------- ---- -------
-
------ -
---------
-------------
--------
-------
--
------- -
-----------
-------------
-------------------
-
-然后，在项目根目录下运行以下命令：
npx fuge-standard
Fuge-standard 会根据 fuge.json 文件的信息，在项目中创建对应目录和文件。
fuge-standard 进阶使用
自定义模板
除了默认的目录和文件以外，我们还可以自定义模板，实现更加个性化的项目结构。例如，我们可以在 fuge.json 文件中添加以下信息：
-- -------------------- ---- -------
-
----------- -
-
------- -----------------
------- ------------
----------- -
-
------- -----------
------- -------
-------- ------- ----- ---- ----------------- -------- - -- -------- -- -- --- ------ --- ------- ------------ -------- ---------------- ------- ----------
--
-
------- ----------------------
------- -------
-------- ---------- -------
-
-
-
-
-这样，我们就为项目添加了一个 "reactComponent" 的模板，并添加了 "index.js" 和 "{{name}}.module.css" 两个文件。其中的 "{{name}}" 可以在添加组件时运行脚本自动填充。
添加脚本
我们可以在 package.json 中添加脚本，快速实现创建组件、添加页面等操作：
{
"scripts": {
"create:component": "node ./scripts/createComponent.js",
"create:page": "node ./scripts/createPage.js"
}
}在 scripts 目录中，可以添加对应的脚本。例如，对于 createComponent.js 脚本：
-- -------------------- ---- -------
----- ---- - -------------------------
----- -------- - --------------------
----- --------- - -
-
----- --------
----- -------
-------- ----------
-
--
----------------------------------------- -- -
----- ------------- - ----------------
---------------------------------- ---------------
---该脚本会使用 inquirer 库实现命令行交互，让用户输入组件名称，并调用 fuge-standard 的 runTemplate 方法自动创建组件。
使用 fuge-standard 进行初始化
我们还可以将 fuge-standard 作为项目的初始化脚本，实现项目一键初始化。在 package.json 中添加以下信息：
{
"scripts": {
"init": "npx fuge-standard && chmod +x ./scripts/init.sh && ./scripts/init.sh"
}
}其中，npx fuge-standard 将使用 fuge.json 中的配置初始化项目，chmod +x ./scripts/init.sh 为 init.sh 脚本添加执行权限，./scripts/init.sh 根据实际需求自行编写，用于项目初始化后的自定义操作。
总结
使用 fuge-standard 可以方便快捷地优化项目结构，提高开发效率。可以自定义模板、添加脚本，实现更加个性化的项目结构。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005581781e8991b448d53d2