前言
创建自己的项目脚手架
安装开发工具
1
| npm install -g yo generator-generator
|
创建脚手架项目
输入脚手架名称
说明、版权、作者、官网等等信息
目录分析
1
2
3
4
5
6
7
8
9
10
11
12
13
14
| ├── generators 脚手架目录
│ └── app 脚手架主程序目录
│ ├── templates 脚手架模板代码
│ └── index.js 脚手架主程序
├── test 测试目录
│ └── app.js
├── .editorconfig 书写规范文件
├── .gitattributes 指定非文本文件的对比合并方式
├── .gitignore 用于忽略你不想提交到Git上的文件
├── .travis.yml Travis持续集成配置
├── LICENSE 版权
├── README.md 说明
├── gulpfile.js gulp配置
└── package.json nodejs包配置
|
入口程序index.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
| 'use strict';
var Generator = require('yeoman-generator');
var chalk = require('chalk');
var yosay = require('yosay');
module.exports = Generator.extend({
// 交互输入选项
prompting: function () {
// 启动画面文字
this.log(yosay(
'Welcome to the legendary ' + chalk.red('generator-itcast-webapp') + ' generator!'
));
// 是非询问
var prompts = [{
type: 'confirm',
name: 'someAnswer',
message: 'Would you like to enable this option?',
default: true
}];
// 保存交互输入信息
return this.prompt(prompts).then(function (props) {
// To access props later use this.props.someAnswer;
this.props = props;
}.bind(this));
},
// 写操作
writing: function () {
// 支持模板
this.fs.copy(
this.templatePath('dummyfile.txt'),
this.destinationPath('dummyfile.txt')
);
},
// 最后安装依赖项目
install: function () {
this.installDependencies();
}
});
|
本地方式发布
你可以把脚手架项目放到git空间
用户可以git clone下来
如果有更新git pull操作
npm平台发布
如果你有 npmjs 平台的账号直接发布上传
用户每次就可以直接 npm install -g generator-
https://www.npmjs.com/signup
输入账号、密码、联系email
no_perms Private mode enable, only admin can publish this module
修改仓库地址 npm config set registry http://registry.npmjs.org
修改完后 还是需要重新 npm login
每次上传前记得修改版本号 package.json version ++
安装使用
如何使用就不多说了，yo 命令就行 ，你可以发现
