yeoman简介与基础使用

一、脚手架的概念

脚手架是前端工程化的集成,是前端工程化的发起者,其本质和作用是创建项目基础结构、提供项目规范和约定。

二、通用工具

Yeoman 通用型脚手架工具,容易拓展,比较灵活,可创建属于自己的脚手架。Plop项目开发过程中,创建特定类型的文件。

三、Yeoman 的基础使用

一、脚手架的概念

脚手架是前端工程化的集成,是前端工程化的发起者,其本质和作用是创建项目基础结构、提供项目规范和约定。

二、通用工具

Yeoman 通用型脚手架工具,容易拓展,比较灵活,可创建属于自己的脚手架。Plop项目开发过程中,创建特定类型的文件。

三、Yeoman 的基础使用


四、Yeoman Sub Generator

作用:在某些某些项目配置通用的的一些文件

在当前文件输入命令:yo node:cli  // yarn  // yarn link  // chen-module  --help

五、Yeoman 基本使用步骤


六、创建自定义的generator模块

本质: 自定义的generator本质上就是一个npm 模块

方法:1、yarn init 初始化package.json 文件

    2、 yarn add yeoman-generator 引入模块

    3、创建文件目录结构 generators/app/index.js 作为入口文件

    4、文件内容

5、yarn link 全局

6、新建文件夹,运行命令yo sample

注意事项:当时eoman-generator,为5.多的版本,报错 。requires yeoman-environment at least 3.0.0,current version is 2.10.3,try reinstalling latest version of "of

最好指定yeoman-generator 的版本为 4.0.1  "yeoman-generator": "^4.0.1" 版本号最好为这个

七、利用模版也可以在指定目录创建文件

this.fs.copyTpl(tmpl,output,context) 。 接受三个参数

八、接受用户指令,生成相关模版


九、批量生成多个项目文件的方法

创建文件路径的数组,循环依次写入文件



十、发布自定义的generator模块到npm

1、创建本地仓库一系列命令:

(1) 创建gitignore文件  echo node_module > .gitigonre

(2)git init

(3)git  add .

(4)git commit -m 'fistcomit'

(5)git remote add origin 远程仓库地址

(6)git push -u origin master

2、进行打包编译

(1)yarn pubilsh  此时会出现npm用的淘宝镜像的报错,改为制定到官方npm或者yarn 的地址

    改为 yarn publish --registry=https://registry.yarnpkg.com。

(2此时可能还会报错 Couldn't publish package:  .......invalid for new packages.

    红色框为小写,发布所有的npm 包都要求小写,不能有大写,故把项目改为 generator-chen-react-com

(3)可能还会报错 r Couldn't publish package: "https://registry.yarnpkg.com/generator-chen-react-com: Forbidden"

那去你的邮箱,激活npm 发来的邮件吧,点击一下按钮即可。

四、Yeoman Sub Generator

作用:在某些某些项目配置通用的的一些文件

在当前文件输入命令:yo node:cli  // yarn  // yarn link  // chen-module  --help

五、Yeoman 基本使用步骤

六、创建自定义的generator模块

本质: 自定义的generator本质上就是一个npm 模块

方法:1、yarn init 初始化package.json 文件

    2、 yarn add yeoman-generator 引入模块

    3、创建文件目录结构 generators/app/index.js 作为入口文件

    4、文件内容

5、yarn link 全局

6、新建文件夹,运行命令yo sample

注意事项:当时eoman-generator,为5.多的版本,报错 。requires yeoman-environment at least 3.0.0,current version is 2.10.3,try reinstalling latest version of "of

最好指定yeoman-generator 的版本为 4.0.1  "yeoman-generator": "^4.0.1" 版本号最好为这个

七、利用模版也可以在指定目录创建文件

this.fs.copyTpl(tmpl,output,context) 。 接受三个参数

八、接受用户指令,生成相关模版

九、批量生成多个项目文件的方法

创建文件路径的数组,循环依次写入文件

十、发布自定义的generator模块到npm

1、创建本地仓库一系列命令:

(1) 创建gitignore文件  echo node_module > .gitigonre

(2)git init

(3)git  add .

(4)git commit -m 'fistcomit'

(5)git remote add origin 远程仓库地址

(6)git push -u origin master

2、进行打包编译

(1)yarn pubilsh  此时会出现npm用的淘宝镜像的报错,改为制定到官方npm或者yarn 的地址

    改为 yarn publish --registry=https://registry.yarnpkg.com。

(2此时可能还会报错 Couldn't publish package:  .......invalid for new packages.


    红色框为小写,发布所有的npm 包都要求小写,不能有大写,故把项目改为 generator-chen-react-com

(3)可能还会报错 r Couldn't publish package: "https://registry.yarnpkg.com/generator-chen-react-com: Forbidden"

那去你的邮箱,激活npm 发来的邮件吧,点击一下按钮即可。

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

推荐阅读更多精彩内容