创建 Yeoman Generator 简单教程

Yeoman

起因

因为工作中遇到了需要创建新的Koajs项目,但在Yeoman上找了一圈,发现使用的Koa的generator更新实在太少太慢,用的好多模块都太老,不是很适合。公司内部还处于Copy的模式,没有一个统一管理的基础项目。于是就想到了自己去弄个 yeoman generator。一是学习了新的东西,二来确实相当方便,新建工程爽爽的。所以说也不算是教程,只是自己成功搞定generator的思路,欢迎大家指教。

generator地址:generator-koa-sudiyi

题外话:Koa 比起 Express 实在好用太多。

账号准备

  • npmjs 账号,用于publish到npm。
  • Github 账号,npm中显示你的源码,同时方便Yeoman官网中能搜到你的generator。正如其描述的:

Your generator must have a GitHub repository description, the yeoman-generator keyword and a description in package.json to be listed.

下载安装yo和generator-generator

在已经有装好node和npm的前提下,需要全局安装yogenerator-generator

npm install -g yo
npm install -g generator-generator

之后运行generator-generator来创建我们自己需要的generator的基础框架

yo generator

在一系列设置问题之后

install generator

我们得到了generator的目录:

.
├── generators/
│   └── app/
│       ├── index.js
│       └── templates/
│           └── dummyfile.txt
├── .editorconfig
├── .gitattributes
├── .gitignore
├── .eslintrc
├── .travis.yml
├── .yo-rc.json
├── package.json
├── gulpfile.js
├── README.md
├── LICENSE
└── test/
    └── app.js

开始行动

准备模版

首先我是准备了我将要生成基础工程的一些模版文件,放在 templates 文件夹中,删掉了默认生成的 dummyfile.txt。这是Yeoman默认的放模版文件的文件夹,当然你也可以通过templatePath去设置其他文件夹。这里我就不弄复杂了,详情可以参考官网的API文档,欢迎一起探讨。

因为我需要的基础工程只是一个简单的koajs,并实现rest就行,所以需要建立的模版不是特别复杂,我就偷懒放在一个文件夹下了。(详细内容可以去我的Github Repo上去看)

folder structure

编辑index.js

接下来开始编辑index.js文件,我们的generator如何生成什么样的基础工程,目录结构,是否自动安装依赖模块等等都是在这一步完成。先贴上代码,后面再把重要的地方重点说明。

'use strict';
var yeoman = require('yeoman-generator');
var chalk = require('chalk');
var yosay = require('yosay');
var path = require('path');
var _ = require('lodash');
var extend = require('deep-extend');
var mkdirp = require('mkdirp');


module.exports = yeoman.generators.Base.extend({

  initializing: function () {
    this.props = {};
  },

  prompting: function () {
    var done = this.async();

    // Have Yeoman greet the user.
    this.log(yosay(
      'Welcome to the luminous ' + chalk.red('generator-koa-sudiyi') + ' generator!'
    ));

    var prompts = [
      {
        type: 'input',
        name: 'projectName',
        message: 'Please input project name (sudiyi_app):',
        default: 'sudiyi_app'
      },
      {
        type: 'input',
        name: 'projectDesc',
        message: 'Please input project description:'
      },
      {
        type: 'input',
        name: 'projectMain',
        message: 'Main file (app.js):',
        default: 'app.js'
      },
      {
        type: 'input',
        name: 'projectAuthor',
        message: 'Author (sudiyi):',
        default: 'sudiyi'
      },
      {
        type: 'list',
        name: 'projectLicense',
        message: 'Please choose license:',
        choices: ['MIT', 'ISC', 'Apache-2.0', 'AGPL-3.0']
      }
    ];

    this.prompt(prompts, function (props) {
      this.props = props;
      // To access props later use this.props.someOption;
      done();
    }.bind(this));


  },

  defaults: function () {

    if (path.basename(this.destinationPath()) !== this.props.projectName) {
      this.log(
        'Your generator must be inside a folder named ' + this.props.projectName + '\n' +
        'I\'ll automatically create this folder.'
      );
      mkdirp(this.props.projectName);
      this.destinationRoot(this.destinationPath(this.props.projectName));
    }

  },

  writing: function () {

    var readmeTpl = _.template(this.fs.read(this.templatePath('README.md')));
    this.fs.write(this.destinationPath('README.md'), readmeTpl({
      generatorName: 'generator-koa-sudiyi',
      yoName: 'koa-sudiyi'
    }));

    var pkg = this.fs.readJSON(this.templatePath('package_tmpl.json'), {});
    extend(pkg, {
      dependencies: {
        'aliyun-sdk': '^1.6.3',
        'bluebird': '^3.0.6',
        'co': '^4.6.0',
        'co-body': '^4.0.0',
        'co-busboy': '^1.3.1',
        'co-foreach': '^1.1.1',
        'co-redis': '^2.0.0',
        'co-request': '^1.0.0',
        'co-views': '^0.2.0',
        'cron': '^1.1.0',
        'kcors': '^1.0.1',
        'koa': '^1.1.2',
        'koa-bodyparser': '^2.0.1',
        'koa-compress': '^1.0.8',
        'koa-jwt': '^1.1.1',
        'koa-logger': '^1.3.0',
        'koa-route': '^2.4.2',
        'koa-router': '^5.3.0',
        'koa-static': '^1.5.2',
        'lodash': '^3.10.1',
        'log4js': '^0.6.29',
        'moment': '^2.10.6',
        'node-uuid': '^1.4.7',
        'nodemailer': '^1.10.0',
        'redis': '^2.4.2',
        'sequelize': '^3.14.2',
        'sequelize-cli': '^2.2.1',
        'socket.io': '^1.3.7',
        'swig': '^1.4.2',
        'thunkify-wrap': '^1.0.4',
        'async': '^1.5.0',
        'koa-body-parser': '^1.1.2',
        'koa-generic-session': '^1.10.0',
        'koa-redis': '^1.0.1',
        'mysql': '^2.9.0',
        'request': '^2.67.0'
      },
      devDependencies: {
        'mocha': '^2.3.3',
        'chai': '^3.4.1',
        'gulp': '^3.9.0',
        'faker': '^3.0.1',
        'minimist': '^1.2.0',
        'co-mocha': '^1.1.2'
      }
    });
    pkg.keywords = pkg.keywords || [];
    pkg.keywords.push('generator-koa-sudiyi');

    pkg.name = this.props.projectName;
    pkg.description = this.props.projectDesc;
    pkg.main = this.props.projectMain;
    pkg.author = this.props.projectAuthor;
    pkg.license = this.props.projectLicense;

    this.fs.writeJSON(this.destinationPath('package.json'), pkg);


    mkdirp('lib/controllers');
    mkdirp('lib/middlewares');
    mkdirp('lib/middlewares/common');
    mkdirp('lib/models');
    mkdirp('lib/db');
    mkdirp('lib/logger');
    mkdirp('lib/routes');
    mkdirp('lib/utils');
    mkdirp('public');


    this.fs.copy(
      this.templatePath('gitignore_tmpl'),
      this.destinationPath('.gitignore')
    );
    this.fs.copy(
      this.templatePath('jshintrc_tmpl'),
      this.destinationPath('.jshintrc')
    );
    this.fs.copy(
      this.templatePath('app_tmpl.js'),
      this.destinationPath('app.js')
    );

    this.fs.copy(
      this.templatePath('index_tmpl.js'),
      'lib/index.js'
    );
    this.fs.copy(
      this.templatePath('request_id_tmpl.js'),
      'lib/middlewares/common/request_id.js'
    );

  },

  install: function () {
    this.installDependencies({bower: false});
  }
});

promoting块

var prompts = [...];

    this.prompt(prompts, function (props) {
      this.props = props;
      // To access props later use this.props.someOption;
      done();
    }.bind(this));

我们需要通过问题的方式采集用户建立工程的数据。promts是问题集合,在调用this.promt使其在运行yo的时候提出来,最后将用户输入的数据存在this.props中,以方便后面调用。

default

mkdirp(this.props.projectName);

this.destinationRoot(this.destinationPath(this.props.projectName));

mkdirp是我们引用的模块,用来创建文件夹。this.destinationRoot则是设置要创建的工程的根目录。

writing

使用_.template(lodash的template功能)和this.fs.write将模版中的关键字替换为用户的输入项。

this.fs.readJSONthis.fs.writeJSON,则是将package.json模版中的数据读取出来,作出一定修改写成新的文件。

最后使用mkdirpthis.fs.copy构建工程目录结构和将一些不要修改的配置文件copy到指定目录。

到此我们的代码工作就结束了,只剩最后发布啦~

发布

首先需要一个npm账号,如果没有可以使用npm adduser创建;如果有则运行npm login登陆。然后到工程根目录下,运行npm publish就可以发布了。

因为npm的repo下载很慢,我们很多时候用的taobao的repo。所以发布的时候需要切回到npm的repo。

祝成功!

(全文完)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 159,015评论 4 362
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,262评论 1 292
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,727评论 0 243
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 43,986评论 0 205
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,363评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,610评论 1 219
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,871评论 2 312
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,582评论 0 198
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,297评论 1 242
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,551评论 2 246
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,053评论 1 260
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,385评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,035评论 3 236
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,079评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,841评论 0 195
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,648评论 2 274
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,550评论 2 270

推荐阅读更多精彩内容