在前端开发中，我们经常需要使用一些重复性的代码和目录结构，例如在创建新项目时往往需要创建 controllers、models、views 等文件夹，需要手动复制粘贴很多的代码，这会浪费时间和精力。npm 包 sane-scaffold 就是为了解决这个问题而产生的。
sane-scaffold 是一个可以方便地创建项目结构和文件的 npm 包，它可以帮助我们自动创建 templates 然后根据 templates 创建我们需要的文件夹和文件，并且支持很多自定义选项。
安装
通过 npm 安装 sane-scaffold：
npm install -g sane-scaffold
使用
创建模板
在使用 sane-scaffold 之前，我们需要先创建一个自己的模板，可以使用 init 命令创建模板，例如：
sane-scaffold init <templateName>
模板结构示例:
/templateName |- index.js |- model.js |- view.js |- controller.js
其中 index.js 是一个可选文件，用于在创建项目时将其作为第一个执行文件。
创建项目
创建项目时我们需要使用 create 命令，并且需要指定使用哪个模板，例如：
sane-scaffold create <templateName> <projectName>
执行命令后就会在当前目录下创建 <projectName> 文件夹，并且在其中创建相应的文件夹和文件，例如：
/projectName
|- controllers
|- controller.js
|- models
|- model.js
|- views
|- view.js
|- index.js自定义选项
sane-scaffold 还支持很多自定义选项，在创建项目时可以使用 -c 参数传递自定义值，例如：
sane-scaffold create <templateName> <projectName> -c name=<customName>
这里 name 是一个自定义选项，可以在模板中使用 ${name} 引用，例如：
// controller.js
const ${name}Controller = {
// ...
};示例代码
下面是一个简单的示例：
sane-scaffold init my-template sane-scaffold create my-template my-project -c name=myProject
/my-project
|- controllers
|- myProjectController.js
|- models
|- myProjectModel.js
|- views
|- myProjectView.js
|- index.js-- -------------------- ---- ------- -- ---------------------- ----- ------------------- - - -- --- -- -- ----------------- ----- -------------- - - -- --- -- -- ---------------- ----- ------------- - - -- --- --
通过上面的示例，我们可以看到使用 sane-scaffold 非常轻松方便，可以节省大量重复性的工作，提高我们的开发效率和质量。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedb50ab5cbfe1ea06113c1