前言
前端开发在业务中扮演着非常重要的角色。为了规范化开发流程，npm 包迅速成为了团队协作的必备工具之一，而 generator-edu-front-common-module 这个包则是前端技术中的一把利器。这个 npm 包为我们提供了一个快速生成前端公共模块的脚手架，助力于模块化开发和快速产出优秀的前端组件和模块。接下来我会为大家详细讲解如何使用 generator-edu-front-common-module。
简介
generator-edu-front-common-module 是一个 npm 脚手架，用于协助前端开发快速创建公共模块。使用该脚手架可以极大提高开发效率，使开发者更专注于项目本身的开发。该脚手架已经被应用在很多前端项目中，具有较成熟的使用经验。
安装
generator-edu-front-common-module 是一个基于 yeoman-generator 的脚手架，因此需要 yeoman-generator 的支持。使用以下命令安装：
npm install -g yo generator-edu-front-common-module
使用
生成公共模块
首先，在终端中输入以下命令：
yo edu-front-common-module
紧接着终端会提示你输入公共模块的名称：
? What is the name of the common module? (my-module)
输入公共模块名称，模块名称格式为 camelCase，例如 myModule：
update user$? What is the name of the common module? myModule
输入后按回车即可。
接下来，终端会列出当前所在目录下的所有项目：
? Which project do you want to add this common module to? (Use arrow keys) ProjectA ProjectB > ProjectC
输入后按回车即可。
然后会出现一个配置列表，可以对生成的公共模块进行配置：
? Configurations for this common module: 1) Create a test file 2) ESLint configuration > 3) Do nothing
选择要配置的项目后按回车即可。
生成公共模块后，你可以看到一些示例代码和测试文件
-- -------------------- ---- ------- - --- ------------ --- --- - --- -------- - --- ----------- - --------- - --- ---------------- - ------- --- --------- - ----- ------ --------- --- ------------ --- --------- --- ---------
编辑公共模块
我们经常需要对公共模块进行修改和维护，可以在 src 目录下找到生成的公共模块文件 myModule.js，打开并进行编辑。文件中会给出一些注释和示例，帮助我们更好地了解和修改公共模块。
测试公共模块
在 src 目录下已经生成了测试文件 myModule.spec.js。我们可以使用上面出现的命令行（npm run test:watch），进行自动化测试程序。
示例代码
-- -------------------- ---- ------- -- - ----- ----------- - ------------ - ------- -- ------ ------ --- --- - ------ - -------- - ------ -------- ------- ------ -- ------ -- -------- ----------------- - ------------------- -------------- - -------------- - ---------
结语
使用 generator-edu-front-common-module 可以让我们更加便捷地生成前端公共模块，提高我们开发效率。当然，前端开发不仅限于此，还有很多其他的工具和技术可以应用。希望本文的介绍能够帮助大家更深入地掌握前端开发技术，创造更多优秀的作品。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005726c81e8991b448e8a20