如果你是一名前端开发者，那么你一定知道 npm，npm 提供各种各样的包，让我们的开发更加便捷。而在这些包中，有一个叫做 generator-cfoundation 的包，它可以让我们更快的搭建基础的前端框架。下面就让我们看看如何使用它。
什么是 generator-cfoundation
generator-cfoundation 是一个基于 Yeoman 的 npm 包，它可以帮助我们快速地搭建出一个基础的前端项目，如下图所示：
通过使用 generator-cfoundation，我们可以快速的创建出一个基础的项目骨架，包括常用的目录结构、文件模板以及常用的前端框架、插件等，让我们更快的开始我们的项目。
如何使用 generator-cfoundation
使用 generator-cfoundation 非常简单，我们只需要按照以下步骤就可以了：
- 全局安装 Yeoman
我们需要先安装 Yeoman，因为 generator-cfoundation 是基于 Yeoman 的。在终端中运行以下命令：
npm install -g yo
- 安装 generator-cfoundation
执行以下命令全局安装 generator-cfoundation：
npm install -g generator-cfoundation
- 创建你的项目目录并进入
我们需要先创建一个项目目录，例如：
mkdir my-project cd my-project
- 执行脚手架
在终端中运行以下命令：
yo cfoundation
然后按照提示来选择我们需要的前端框架、插件等等，等待脚手架运行完毕即可。
示例代码
下面是一个使用 generator-cfoundation 创建出来的基础项目结构：
-- -------------------- ---- -------
----------
- -------- - ----- ----
- ------------- - -------
- --------- - ------ ----
- ----------
- ------ - --- ----
- --------- - ----
- ----------- - ---- ------
- ---------
- ------------ - ------
---- --- - -----
-
---- ------ - ----
-
---- -- - -- --
- - -------- - -- --
- ---- ------ - --- -- ---
-
---- ------ - ----
- - ---------- - ------
- ---- ------ - -----
-
---- --------- - ----
- ---- ---------- - ---- ----
-
---- ----- - ----
- --------- - ------
-
---- -------- - ------
- ---------- - ----
---- ---------- - ----总结
使用 generator-cfoundation 可以让我们更快的创建出一个基础的前端项目结构，省去了手动创建目录、文件等繁琐操作，可以让我们更快的开始我们的项目开发。同时，也让我们更加了解了如何使用 Yeoman 创建基于它的脚手架。
希望这篇使用教程对你们有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60057c4c81e8991b448ebd1c