简介
你是否对前端开发中频繁创建新项目的重复工作感到厌烦呢？npm 包 nyg-module-generator 可以帮助你快速生成一个基础的前端项目结构。
nyg-module-generator 是一个基于 Node.js，使用 Yeoman 生成器框架开发的项目模板生成器，可以快速生成常用的前端项目基础目录，并自动生成常用文件。你只需要回答几个简单的问题，就可以轻松创建一个基础的前端项目架构。
安装
在使用 nyg-module-generator 之前，你需要先安装 Node.js 和 npm 包管理器。在命令行终端输入以下命令，即可安装 nyg-module-generator：
npm install -g nyg-module-generator
使用方法
使用 nyg-module-generator 生成项目，只需要执行以下指令：
yo nyg-module-generator
执行这个命令后，将会在当前目录下生成一个基础的前端项目目录，并自动生成一些常用文件。
当你使用 yo nyg-module-generator 命令时，会有一些提示让你输入各种配置，你可以按需输入：
- 项目名
- 项目描述
- 作者
- 选择你的项目引擎（目前支持 React、Vue、Angular）等等。
当你完成输入后，处理器将会为你自动生成一个基础的前端项目。在项目生成后，你可以在生成目录中找到以下文件和文件夹：
-- -------------------- ---- ------- --- --- - --- ------ - --- ---------- - --- ----- - --- ------ - --- -------- --- ------ - --- ----------- - --- ---------- --- ------------ --- --------- --- ---------- --- ------------- --- --------
src：存放源码assets：存放项目的所有资源文件，例如图片、字体等components：存放项目中的组件pages：存放页面组件index.js：项目的入口文件public：存放公共资源favicon.ico：网站的图标index.html：项目的 HTML 入口文件package.json：npm 包管理文件README.md：项目的 README 文件.gitignore：Git 的忽略文件列表.editorconfig：编辑器配置文件.babelrc：Babel 编译配置文件
示例代码
-- -------------------- ---- -------
------ ----- ---- --------
----- --- ------- --------------- -
-------- -
------ ---------- ------------
-
-
------ ------- ----指导意义
nyg-module-generator 可以帮助前端开发者快速创建项目骨架，节省时间，提高效率。但是，在生成的基础上修改和优化，才是项目真正的开始。前端开发是一个不断学习和探索的过程，在前进的道路上寻找最佳实践，才能不断完善自己，提升自己的技能水平。因此我们建议在使用生成器的基础上，不断尝试新技术和新思路，加强自身实践能力和独立项目能力，推动前端技术的发展和进步。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066f9b3d1de16d83a66dcb