在前端开发中，有一种常见的需求是创建一些特定的项目或文件结构。这个时候，我们就可以使用 Yeoman 工具来自动化地生成项目或文件结构。而 generator-nju33 就是一个基于 Yeoman 的 npm 包，它提供了一些常见的项目或文件结构的生成器。
在本篇文章中，我将详细介绍 generator-nju33 的使用方法，以及一些常用的生成器。
安装
安装 generator-nju33 很简单，我们只需要在命令行中输入以下命令即可：
npm install -g generator-nju33
使用方法
使用 generator-nju33 生成器也很简单，我们只需要按照以下步骤进行：
- 在命令行中进入要生成项目或文件结构的目录；
- 输入以下命令：
yo nju33
- 根据命令行提示，输入需要生成的项目或文件结构的选项。
生成器列表及示例
generator-nju33:gulp-babel
该生成器会生成一个使用 Gulp 和 Babel 进行编译的项目结构。
使用方法：
yo nju33:gulp-babel
生成的项目结构如下：
-- -------------------- ---- ------- -------- --- ---- - --- --- - - --- -------- - - - --- ----- - --- ----------- --- ------------ --- ---------- --- ---------
gulpfile.js：
const gulp = require('gulp');
const babel = require('gulp-babel');
gulp.task('default', () => {
return gulp.src('./src/js/*.js')
.pipe(babel())
.pipe(gulp.dest('./src/dist'));
});generator-nju33:webpack-react
该生成器会生成一个使用 Webpack 和 React 进行开发的项目结构。
使用方法：
yo nju33:webpack-react
生成的项目结构如下：
-- -------------------- ---- ------- -------- --- ---- - --- ------- - - --- ---------- - - - --- ----------- - - --- ------ - - --- --------- - - --- --------- - - - --- -------- - --- ---------- - --- ----------------- --- ------------ --- ---------- --- ---------
webpack.config.js：
-- -------------------- ---- -------
----- ---- - ----------------
-------------- - -
------ -----------------
------- -
--------- ------------
----- ----------------------- --------
--
------- -
------ -
-
----- --------
-------- ---------------
---- -
------- ---------------
--
--
-
----- ---------
---- ---------------- --------------
--
--
--
--generator-nju33:node-mongodb
该生成器会生成一个使用 Node 和 MongoDB 进行开发的项目结构。
使用方法：
yo nju33:node-mongodb
生成的项目结构如下：
-- -------------------- ---- ------- -------- --- ------- - --- --------- - - - --- ----------- - --- ------- - --- ------- - --- ------------ - --- ----------------- - --- ------- - --- ------------- - --- -------- - --- ------ --- ------------ --- ---------- --- ---------
config.js：
module.exports = {
port: process.env.PORT || 3000,
env: process.env.NODE_ENV || 'development',
db: {
url: process.env.DB_URL || 'mongodb://localhost:27017/test',
},
};database.js：
-- -------------------- ---- -------
----- ----------- - -------------------------------
----- ------ - --------------------
--- ---
----- ------- - -- -- -
------ --- ----------------- ------- -- -
---------------------------------- ----- ------- -- -
-- ----- -
------ ------------
-
---------------------- ------------ -- ---------
-- - ------------
----------
---
---
--
----- ----- - -- -- -
-- ----- -
----- --- --------------- --- --------------
-
------ ---
--
-------------- - -
--------
------
--UserController.js：
-- -------------------- ---- -------
----- ---- - --------------------------
------------ - ----- ---- ----- -- -
-------------
------------- -- -
----------------
--
------------ -- -
----------
---
--
-------------- - ----- ---- ----- -- -
----- ---- - --- ---------------
-----------
-------- -- -
---------------
--
------------ -- -
----------
---
--
------------ - ----- ---- -- -
-------------------
--
-------------- - ----- ---- ----- -- -
----- ---- - ---------
------------------- ----------
-----------
-------- -- -
---------------
--
------------ -- -
----------
---
--
-------------- - ----- ---- ----- -- -
-----------------
-------- -- -
-------------------
--
------------ -- -
----------
---
--
---------------- - ----- ---- ----- --- -- -
-----------------
------------ -- -
-- ------- -
----- --- ----------- --- --------
-
-------- - -----
-------
--
------------ -- -
----------
---
--结语
至此，我们已经学习了 generator-nju33 的使用方法以及一些常用的生成器。希望这篇文章对大家有所帮助，也希望大家在平时开发中能够积累更多的经验与技能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600557fd81e8991b448d519a