简介
yo-inception 是一个使用 Yeoman 作为脚手架的生成器，它可以帮助你快速创建一个全新的前端项目，包括React、Vue、Angular等主流的前端框架，而无需手动配置环境。
安装
全局安装 yo-inception：
npm install -g yo yo-inception
使用
使用 yo-inception 创建项目的过程非常简单，只需要在一个空的目录下执行以下命令即可：
yo inception
然后按照命令行提示选择你需要的前端框架、构建工具及样式预处理器，即可完成项目的创建。
配置
yo-inception 提供了一些配置选项，可以在生成项目之前进行配置，以达到定制化的目的。
设置默认选项
在执行 yo inception 时，可以添加一些参数，以设置默认选项。比如：
yo inception --framework react --buildtool webpack --preprocessor sass
这条命令将会在你后续的项目创建过程中，自动选择 React 框架、Webpack 构建工具、Sass 样式预处理器。
自定义项目模板
如果默认提供的项目模板不能满足你的需求，你可以按照以下步骤进行自定义：
在你的计算机上，创建一个空的文件夹。
在这个文件夹下，创建相应的项目结构和文件。
在这个文件夹下，创建一个
generator.json文件，用来描述生成器信息。
{
"author": "your-name",
"version": "1.0.0",
"description": "Your custom generator",
"dependencies": {
"yo-inception": "^1.0.0"
}
}在这个文件夹下，创建一个名为
app的文件夹（可自定义），用来存放项目模板。在
app文件夹下，创建相应的子文件夹和文件，存放项目的代码和资源。在命令行进入这个文件夹，执行以下命令：
yo inception:register
这样你的自定义项目模板就可以在 yo inception 中使用了。
示例代码
-- -------------------- ---- -------
-- --------
---- --------
--- ---------- - ----------------------------
--- ----- - -----------------
--- ----- - -----------------
-------------- - ------------------------
---------- -------- -- -
--- ---- - -------------
-- ---- ------ ----- --- -----
---------------
-------- -- --- - - ---------------------- - - -----------
---
--- ------- - --
----- ----------
----- -------------
-------- ------ --- ---- -- ------ ---- ---------
-------- ----
---
-------------------- -------- ------- -
---------- - ------
-- -- ------ ----- ----- --- ----------------------
-------
--------------
--
-------- -------- -- -
-------------
-----------------------------------
-------------------------------------
--
--
-------- -------- -- -
---------------------------
-
---结语
通过 yo-inception 创建前端项目，不仅可以提高效率，还可以减少手动配置环境的繁琐过程。在你完成了第一个项目后，你会发现 yo-inception 对于日常工作的帮助非常大，值得推荐给你的同事和朋友。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005727f81e8991b448e8b05