An intro of web scaffolding tool using yeoman generator

Aug 1, 20137 likes3,483 views

貫銘盛

http://0rz.tw/UYJeS
An Intro Of Web Scaffolding Tool Using
Yeoman Generator
1
13年8月1?日星期四

An Intro Of Web
Scaffolding Tool
Using
Yeoman Generator
COSCUP 2013
2
13年8月1?日星期四

@kmsheng
http://www.facebook.com/kuanmin.sheng.1
3
13年8月1?日星期四

I Am
A Web Developer Who
Loves
4
13年8月1?日星期四

Outline
1. Problem
2. Demo: Generator
3. What is a yeoman generator?
4. Demo: Sub-generator
5. Why Yeoman Generator?
6. Generator API
7. Demo of Making a Generator
5
13年8月1?日星期四

Back Then
We Started
A New Web Project
6
13年8月1?日星期四

Manually Find
Libraries And Add
8
13年8月1?日星期四

Manually Copy And
Paste The Same
Config Files
9
13年8月1?日星期四

Here Is A Way
Better Choice
11
13年8月1?日星期四

Demo #1
Scaffold Out A Project
http://youtu.be/0duXfsr6uOc
13
13年8月1?日星期四

Generate Templeates & Configs
Bower Install & NPM Install
17
13年8月1?日星期四

Demo #2
Creating Routes Using
Sub-generator
http://youtu.be/jvIOuALlnjM
18
13年8月1?日星期四

Generate Templeates
Write Files
Do Something Based On Option
21
13年8月1?日星期四

Help Team Members
Follow Code Convention
24
13年8月1?日星期四

Lots Of Generators
Out There
generator-angular, generator-
bbb, generator-node ..etc.
25
13年8月1?日星期四

Paul Irish Addy Osmani Mickael Daniel
Sindre Sorhus Eric Bidelman Frederick Ros
Brian Ford Pascal Hartig Stephon Sawchuk27
13年8月1?日星期四

My Workflow Is Not
The Same As Yeoman’s
29
13年8月1?日星期四

Why Not To Make Your
Own Generator?
30
13年8月1?日星期四

The Real Meaning Of
This..
31
13年8月1?日星期四

The Real Meaning Of
This..
Is To Share Your
Ideas And Best
Bractices With Others
31
13年8月1?日星期四

How To Write A
Customized Yeoman
Generator?
32
13年8月1?日星期四

npm install -g yo
generator-generator
39
13年8月1?日星期四

# in your generator repo
yo generator
40
13年8月1?日星期四

provide your github name
provide your generator name
41
13年8月1?日星期四

├──
?app
│
?
?
?├──
?index.js
│
?
?
?└──
?templates
│
?
?
?
?
?
?
?├──
?_bower.json
│
?
?
?
?
?
?
?├──
?_package.json
│
?
?
?
?
?
?
?├──
?editorconfig
│
?
?
?
?
?
?
?├──
?jshintrc
│
?
?
?
?
?
?
?└──
?travis.yml
├──
?test
│
?
?
?├──
?test-?‐creation.js
│
?
?
?└──
?test-?‐load.js
├──
?.editorconfig
├──
?.gitattributes
├──
?.gitignore
├──
?.jshintrc
├──
?.travis.yml
├──
?LICENSE
├──
?package.json
└──
?README.md
42
13年8月1?日星期四

Generator API
https://github.com/
yeoman/generator/wiki
46
13年8月1?日星期四

How To Create A
Sub-Generator?
47
13年8月1?日星期四

# in your generator repo
yo generator:subgenerator name
48
13年8月1?日星期四

?
?name

?
?
?├──
?index.js

?
?
?├──
?templates/somefile.js

?
?
49
13年8月1?日星期四

?
?name

?
?
?├──
?index.js

?
?
?├──
?templates/somefile.js

?
? └──
?USAGE
49
13年8月1?日星期四

Yo Pix:Controller
arg1 arg2 --json
50
13年8月1?日星期四

Yo Pix:Controller
arg1 arg2 --json
Generator Name
50
13年8月1?日星期四

Yo Pix:Controller
arg1 arg2 --json
Generator Name Sub-gernerator Name
50
13年8月1?日星期四

Yo Pix:Controller
arg1 arg2 --json
Generator Name Sub-gernerator Name
Base#argument name
50
13年8月1?日星期四

Yo Pix:Controller
arg1 arg2 --json
Generator Name Sub-gernerator Name
Base#argument
Base#argument name
50
13年8月1?日星期四

Yo Pix:Controller
arg1 arg2 --json
Generator Name Sub-gernerator Name
Base#argument
Base#argument name
Base#option
50
13年8月1?日星期四

this.log
.skip(‘msg’)
.create(‘msg’)
.invoke(‘msg’)
.conflict(‘msg’)
.identical(‘msg’)
.info(‘msg’)
.ok(‘ok’)
.error(‘error’);
node.js
54
13年8月1?日星期四

skip msg
force msg
create msg
invoke msg
conflict msg
identical msg
info msg
? ok
? error
55
13年8月1?日星期四

actions#checkForCollision
56
13年8月1?日星期四

actions#copy
generator
my repo
57
13年8月1?日星期四

this.copy(
‘main.src.scss’,
‘main.src.scss’
);
node.js
58
13年8月1?日星期四

$this.template( ‘_bower.json’, ‘bower.json’, { appName: this.appName } ); node.js 60 13年8月1?日星期四$

$class HelloController extends Pix_Controller { public function indexAction() { } public function worldAction() { } // endbuild } PHP 62 13年8月1?日星期四$

Demo #3
Writing A Generator
http://youtu.be/8ysBiN0Zw-463
13年8月1?日星期四

Summary
What Is A Generator?
Why Use A Generator?
How To Make A Generator?
65
13年8月1?日星期四

http://0rz.tw/vzQN0
Source Code
66
13年8月1?日星期四

http://0rz.tw/DQ2Di
Yeoman.io
67
13年8月1?日星期四

逢甲大學暑假期間逢甲大學校輔室與Study4TW合作，提供有需要的學生免費的技術概論課程這個部分是給非資訊內容介紹git和如何在他們日常使用介紹github、open source、如何搭配使用issue tracking做到簡易專案管理。最後有個成品是建立一個履歷網站。給學生有往下研究的動力課程總結： http://to.alantsai.net/20170725-blog-slideshare 課程相片：https://www.facebook.com/Study4.tw/photos/a.241568189262415.58655.233737566712144/1389644971121392/?type=3&theater&notif_t=like&notif_id=1499475929918955

Web basic develop mode - Node.jsCaesar Chi

Yeoman - A Node.js cli tool for web developersCaesar Chi

PIXNET iOS SDK @OSDC 2014Cloud Sung

Open Graph & oEmbed | facebook的開放社交關係圖與其他網站的oEmbedVeronica Lin

2012 年 5 月做的簡報，內容是簡單介紹 open graph 的內涵與 embed 的應用場合，內容有舉例說明 plurk 上應用 flickr 與 YouTube 的 oEmbed API。不過這之間 facebook 改變已經很大了，open graph 已經和一開始不太相同了。是說當時用新細明體之類的系統字應該也是想要上傳上來，用特殊字寫中文上傳上來好容易歪掉啊。

Node.js X Windows AzureCaesar Chi

Cocoapods景隆張

Django deployAndy Dai

2013 輔大資工暑期宅學營 PhoneGap 跨平台任我玩，HTML5 無痛開發 AppHuang-I Yang

NimbusMichael Pan

Objc under the_hood_2013Michael Pan

Introduction to ZeroMQYiHung Lee

Node getting starttbmallf2e

Pymacs 初體驗Kai-Yuan Cheng

快快樂樂學 Scrapyrecast203

App企劃設計 1Leader Chen

基于驰鲍滨3的组件开发jay li

初探 Elastic Observability 的實踐方法Joe Wu

用Octopus deploy做自動部署 - 快速上手Alan Tsai

Banquet 39Koubei UED

【第一回ゼロからはじめる Oracle Solaris 11】03_知るべきは pkg(1) コマンドのみ！～Image Packaging Syst...SolarisJP

2025 NVIDIA GTC: Crack the AI Black Box: Practical Techniques for Explainable AIDavid vonThenen

2025 NVIDIA GTC: Crack the AI Black Box: Practical Techniques for Explainable AI Artificial Intelligence often operates in ways that are challenging to interpret, creating a gap in trust and transparency. Explainable AI (XAI) bridges this gap by providing strategies to demystify complex models, enabling stakeholders to understand how decisions are made. We'll explore foundational XAI concepts and provide practical methods to bring interpretability into developing and deploying AI systems, ensuring better decision-making and accountability. You'll learn actionable techniques for explaining AI behavior, from feature attributions and decision-path analyses to scenario-based insights. Through a live demonstration, you'll see how to apply these methods to real-world problems, enabling you to diagnose, debug, and optimize your models effectively. In the end, you'll have a clear roadmap for integrating XAI practices into your workflows to build trust and confidence in AI-powered solutions. Key Takeaways: Understand how AI systems make decisions, critical for trust and adoption as they grow more complex In 2025, explainable AI (XAI) is set to be a hot topic as industries increasingly demand transparency from AI systems. You'll gain practical techniques to make AI transparent and interpretable, breaking down decision paths and uncovering key insights into model behavior Featuring live demos of explainability methods applied to real-world scenarios, you'll leave with actionable strategies to debug, optimize, and build confidence in your AI solutions

Cantonmade 2025 Hotel Supplier Catalog: Technical Specs for Engineers & Integ...RayChan91

匹兹堡大学毕业证(笔滨罢罢学位证范本毕业证书)办理kaozytf

原版一模一样【(PITT毕业证书文凭成绩单 offer Diploma学位证假证书留信/留服认证咨询)【95270640微信号】办理：匹兹堡大学毕业证书文凭成绩单 offer Diploma学位证假证书】University of Pittsburgh学位证书PS成绩单购买美国毕业证，购买英国毕业证，购买澳洲毕业证，购买加拿大毕业证，以及德国毕业证，购买法国毕业证,购买荷兰毕业证、购买瑞士毕业证、购买日本毕业证、购买韩国毕业证、购买新西兰毕业证、购买新加坡毕业证、购买西班牙毕业证、购买马来西亚毕业证等。包括了本科毕业证，硕士毕业证。（真实可查，永久存档）招代理中介/原件一模一样纸张工艺、外壳等材料/诚信可靠,可直接看成品样本，帮您解决无法毕业带来的各种难题！外壳，原版制作，诚信可靠，可直接看成品样本。行业标杆！精益求精，诚心合作，真诚制作！多年品质 ,按需精细制作，24小时接单,全套进口原装设备。十五年致力于帮助留学生解决难题，包您满意。我们致力于为未能正常毕业的留学生提供信息帮助！中国每年出国留学的人数都在递增，国外是主要的一个留学目标国家。作为在这方面摸爬滚打多年，对于国外留学归国、肄业挂科留学生国外学历学位认证各方面问题拥有着丰富经验的专业人士，抽空在此为广大国外留学生、海归海带朋友们。海外各大学Diploma版本，因为疫情学校推迟发放证书、证书原件丢失补办、没有正常毕业未能认证学历面临就业提供解决办法。当遭遇挂科、旷课导致无法修满学分，或者直接被学校退学，最后无法毕业拿不到毕业证。此时的你一定手足无措，因为留学一场，没有获得毕业证以及学历证明肯定是无法给自己和父母一个交代的。此时申请留信认证就是唯一的补救方法了。留信认证全称是《全国留学生信息服务网认证》，隶属于北京中科院。留信认证可证明留学生真实留学身份，同时对留学生所学专业给予评定！国家专业人才认证中心颁发入库证书！留信认证会在国家人才网纳入资料，可供国家500强等高端公司选择人才。用于就业就更没有问题了！可直接在官网查询个人学历信息。留信认证与留服认证会有一点上的区别，这个也可以自己去了解一下，但是留信认证是未能毕业的留学生当下唯一的选择！本公司拥有海外各大学样板无数，能完美还原。 1:1完美还原海外各大学毕业材料上的工艺：水印，阴影底纹，钢印LOGO烫金烫银，LOGO烫金烫银复合重叠。文字图案浮雕、激光镭射、紫外荧光、温感、复印防伪等防伪工艺。材料咨询办理、认证咨询办理请加学历顾问Q/微95270640 【主营项目】一.毕业证【微信:95270640】成绩单、雅思托福成绩单、留信网入库等！二.办理各国各大学文凭(一对一专业服务,可全程监控跟踪进度) 如果您处于以下几种情况： ◇在校期间，因各种原因未能顺利毕业……拿不到官方毕业证【微信:95270640】 ◇面对父母的压力，希望尽快拿到； ◇不清楚认证流程以及材料该如何准备； ◇回国时间很长，忘记办理； ◇回国马上就要找工作，办给用人单位看； ◇企事业单位必须要求办理的 ◇需要报考公务员、购买免税车、落转户口 ◇申请留学生创业基金留信网认证的作用: 1:该专业认证可证明留学生真实身份 2:同时对留学生所学专业登记给予评定 3:国家专业人才认证中心颁发入库证书 4:这个认证书并且可以归档倒地方 5:凡事获得留信网入网的信息将会逐步更新到个人身份内，将在公安局网内查询个人身份证信息后，同步读取人才网入库信息 6:个人职称评审加20分 7:个人信誉贷款加10分 8:在国家人才网主办的国家网络招聘大会中纳入资料，供国家高端公司选择人才办理(PITT毕业证书)匹兹堡大学毕业证【微信：95270640】外观非常简单，由纸质材料制成，上面印有校徽、校名、毕业生姓名、专业等信息。办理(PITT毕业证书)匹兹堡大学毕业证【微信：95270640】格式相对统一，各专业都有相应的模板。通常包括以下部分：校徽：象征着学校的荣誉和传承。校名:学校英文全称授予学位：本部分将注明获得的具体学位名称。毕业生姓名：这是最重要的信息之一，标志着该证书是由特定人员获得的。颁发日期：这是毕业正式生效的时间，也代表着毕业生学业的结束。其他信息：根据不同的专业和学位，可能会有一些特定的信息或章节。办理(PITT毕业证书)匹兹堡大学毕业证【微信：95270640】价值很高，需要妥善保管。一般来说，应放置在安全、干燥、防潮的地方，避免长时间暴露在阳光下。如需使用，最好使用复印件而不是原件，以免丢失。综上所述，办理(PITT毕业证书)匹兹堡大学毕业证【微信：95270640】是证明身份和学历的高价值文件。外观简单庄重，格式统一，包括重要的个人信息和发布日期。对持有人来说，妥善保管是非常重要的。??

Build_With_AI_2025 Gemini 2.0 New Functionkevinchiu59

2025 DeveloperWeek - The Sound of Innovation: Why Voice Cloning Will Redefine...David vonThenen

2025 DeveloperWeek - The Sound of Innovation: Why Voice Cloning Will Redefine Human-Computer Interaction Voice cloning is rapidly emerging as a transformative technology, redefining how we interact with AI and bridging the gap between machines and humans through personalized experiences. This session delves into the conceptual underpinnings of voice cloning, exploring its potential to revolutionize applications across personal branding, customer engagement, and human-computer interaction. This session explores the growing importance of voice cloning in the broader context of AI-driven technologies. By addressing real-world use cases, this talk will highlight why voice cloning is not just a technological novelty but a pivotal advancement that will shape the future of AI applications. Through an exploration of the adjustments and refinements that define a truly convincing synthetic voice, we’ll examine the delicate balance between precision and authenticity. Join us to explore why the human voice is a powerful tool for innovation and how voice cloning can make technology more personal and relatable.

阿伯丁大学毕业证(鲍辞础学位证学历认证国外留学)办理kaozytf

原版一模一样【(UoA毕业证书文凭成绩单 offer Diploma学位证假证书留信/留服认证咨询)【95270640微信号】办理：阿伯丁大学毕业证书文凭成绩单 offer Diploma学位证假证书】University of Aberdeen学位证书学历证书购买美国毕业证，购买英国毕业证，购买澳洲毕业证，购买加拿大毕业证，以及德国毕业证，购买法国毕业证,购买荷兰毕业证、购买瑞士毕业证、购买日本毕业证、购买韩国毕业证、购买新西兰毕业证、购买新加坡毕业证、购买西班牙毕业证、购买马来西亚毕业证等。包括了本科毕业证，硕士毕业证。（真实可查，永久存档）招代理中介/原件一模一样纸张工艺、外壳等材料/诚信可靠,可直接看成品样本，帮您解决无法毕业带来的各种难题！外壳，原版制作，诚信可靠，可直接看成品样本。行业标杆！精益求精，诚心合作，真诚制作！多年品质 ,按需精细制作，24小时接单,全套进口原装设备。十五年致力于帮助留学生解决难题，包您满意。我们致力于为未能正常毕业的留学生提供信息帮助！中国每年出国留学的人数都在递增，国外是主要的一个留学目标国家。作为在这方面摸爬滚打多年，对于国外留学归国、肄业挂科留学生国外学历学位认证各方面问题拥有着丰富经验的专业人士，抽空在此为广大国外留学生、海归海带朋友们。海外各大学Diploma版本，因为疫情学校推迟发放证书、证书原件丢失补办、没有正常毕业未能认证学历面临就业提供解决办法。当遭遇挂科、旷课导致无法修满学分，或者直接被学校退学，最后无法毕业拿不到毕业证。此时的你一定手足无措，因为留学一场，没有获得毕业证以及学历证明肯定是无法给自己和父母一个交代的。此时申请留信认证就是唯一的补救方法了。留信认证全称是《全国留学生信息服务网认证》，隶属于北京中科院。留信认证可证明留学生真实留学身份，同时对留学生所学专业给予评定！国家专业人才认证中心颁发入库证书！留信认证会在国家人才网纳入资料，可供国家500强等高端公司选择人才。用于就业就更没有问题了！可直接在官网查询个人学历信息。留信认证与留服认证会有一点上的区别，这个也可以自己去了解一下，但是留信认证是未能毕业的留学生当下唯一的选择！本公司拥有海外各大学样板无数，能完美还原。 1:1完美还原海外各大学毕业材料上的工艺：水印，阴影底纹，钢印LOGO烫金烫银，LOGO烫金烫银复合重叠。文字图案浮雕、激光镭射、紫外荧光、温感、复印防伪等防伪工艺。材料咨询办理、认证咨询办理请加学历顾问Q/微95270640 【主营项目】一.毕业证【微信:95270640】成绩单、雅思托福成绩单、留信网入库等！二.办理各国各大学文凭(一对一专业服务,可全程监控跟踪进度) 如果您处于以下几种情况： ◇在校期间，因各种原因未能顺利毕业……拿不到官方毕业证【微信:95270640】 ◇面对父母的压力，希望尽快拿到； ◇不清楚认证流程以及材料该如何准备； ◇回国时间很长，忘记办理； ◇回国马上就要找工作，办给用人单位看； ◇企事业单位必须要求办理的 ◇需要报考公务员、购买免税车、落转户口 ◇申请留学生创业基金留信网认证的作用: 1:该专业认证可证明留学生真实身份 2:同时对留学生所学专业登记给予评定 3:国家专业人才认证中心颁发入库证书 4:这个认证书并且可以归档倒地方 5:凡事获得留信网入网的信息将会逐步更新到个人身份内，将在公安局网内查询个人身份证信息后，同步读取人才网入库信息 6:个人职称评审加20分 7:个人信誉贷款加10分 8:在国家人才网主办的国家网络招聘大会中纳入资料，供国家高端公司选择人才办理(UoA毕业证书)阿伯丁大学毕业证【微信：95270640】外观非常简单，由纸质材料制成，上面印有校徽、校名、毕业生姓名、专业等信息。办理(UoA毕业证书)阿伯丁大学毕业证【微信：95270640】格式相对统一，各专业都有相应的模板。通常包括以下部分：校徽：象征着学校的荣誉和传承。校名:学校英文全称授予学位：本部分将注明获得的具体学位名称。毕业生姓名：这是最重要的信息之一，标志着该证书是由特定人员获得的。颁发日期：这是毕业正式生效的时间，也代表着毕业生学业的结束。其他信息：根据不同的专业和学位，可能会有一些特定的信息或章节。办理(UoA毕业证书)阿伯丁大学毕业证【微信：95270640】价值很高，需要妥善保管。一般来说，应放置在安全、干燥、防潮的地方，避免长时间暴露在阳光下。如需使用，最好使用复印件而不是原件，以免丢失。综上所述，办理(UoA毕业证书)阿伯丁大学毕业证【微信：95270640】是证明身份和学历的高价值文件。外观简单庄重，格式统一，包括重要的个人信息和发布日期。对持有人来说，妥善保管是非常重要的。??

An intro of web scaffolding tool using yeoman generator

1. http://0rz.tw/UYJeS An Intro Of Web Scaffolding Tool Using Yeoman Generator 1 13年8月1?日星期四

2. An Intro Of Web Scaffolding Tool Using Yeoman Generator COSCUP 2013 2 13年8月1?日星期四

3. @kmsheng http://www.facebook.com/kuanmin.sheng.1 3 13年8月1?日星期四

4. I Am A Web Developer Who Loves 4 13年8月1?日星期四

5. Outline 1. Problem 2. Demo: Generator 3. What is a yeoman generator? 4. Demo: Sub-generator 5. Why Yeoman Generator? 6. Generator API 7. Demo of Making a Generator 5 13年8月1?日星期四

6. Back Then We Started A New Web Project 6 13年8月1?日星期四

7. 7 13年8月1?日星期四

8. Manually Find Libraries And Add 8 13年8月1?日星期四

9. Manually Copy And Paste The Same Config Files 9 13年8月1?日星期四

10. 10 13年8月1?日星期四

11. Here Is A Way Better Choice 11 13年8月1?日星期四

12. Yeoman Generator 12 13年8月1?日星期四

13. Demo #1 Scaffold Out A Project http://youtu.be/0duXfsr6uOc 13 13年8月1?日星期四

14. 14 13年8月1?日星期四

15. What Is A Generator? 15 13年8月1?日星期四

20. Generate Templeates & Configs Bower Install & NPM Install 17 13年8月1?日星期四

21. Demo #2 Creating Routes Using Sub-generator http://youtu.be/jvIOuALlnjM 18 13年8月1?日星期四

22. 19 13年8月1?日星期四

23. What Is A Sub-generator? 20 13年8月1?日星期四

24. Generate Templeates Write Files Do Something Based On Option 21 13年8月1?日星期四

25. Why Use A Generator? 22 13年8月1?日星期四

26. It Saves Time 23 13年8月1?日星期四

27. Help Team Members Follow Code Convention 24 13年8月1?日星期四

28. Lots Of Generators Out There generator-angular, generator- bbb, generator-node ..etc. 25 13年8月1?日星期四

29. With Strong Team Support 26 13年8月1?日星期四

30. Paul Irish Addy Osmani Mickael Daniel Sindre Sorhus Eric Bidelman Frederick Ros Brian Ford Pascal Hartig Stephon Sawchuk27 13年8月1?日星期四

31. Paul Irish Addy Osmani Mickael Daniel Sindre Sorhus Eric Bidelman Frederick Ros Brian Ford Pascal Hartig Stephon Sawchuk27 13年8月1?日星期四

32. Maybe You Wanted To Say 28 13年8月1?日星期四

33. My Workflow Is Not The Same As Yeoman’s 29 13年8月1?日星期四

34. Why Not To Make Your Own Generator? 30 13年8月1?日星期四

35. The Real Meaning Of This.. 31 13年8月1?日星期四

36. The Real Meaning Of This.. Is To Share Your Ideas And Best Bractices With Others 31 13年8月1?日星期四

37. How To Write A Customized Yeoman Generator? 32 13年8月1?日星期四

38. Generator-Generator 33 13年8月1?日星期四

39. Why Generator-Generator? 34 13年8月1?日星期四

40. 35 13年8月1?日星期四

41. Epic Fail 35 13年8月1?日星期四

42. 36 13年8月1?日星期四

43. 37 13年8月1?日星期四

44. Setup 38 13年8月1?日星期四

45. npm install -g yo generator-generator 39 13年8月1?日星期四

46. # in your generator repo yo generator 40 13年8月1?日星期四

47. provide your github name provide your generator name 41 13年8月1?日星期四

48. ├── ?app │ ? ? ?├── ?index.js │ ? ? ?└── ?templates │ ? ? ? ? ? ? ?├── ?_bower.json │ ? ? ? ? ? ? ?├── ?_package.json │ ? ? ? ? ? ? ?├── ?editorconfig │ ? ? ? ? ? ? ?├── ?jshintrc │ ? ? ? ? ? ? ?└── ?travis.yml ├── ?test │ ? ? ?├── ?test-?‐creation.js │ ? ? ?└── ?test-?‐load.js ├── ?.editorconfig ├── ?.gitattributes ├── ?.gitignore ├── ?.jshintrc ├── ?.travis.yml ├── ?LICENSE ├── ?package.json └── ?README.md 42 13年8月1?日星期四

49. Done? 43 13年8月1?日星期四

50. Of Course Not 44 13年8月1?日星期四

51. npm link 45 13年8月1?日星期四

52. Generator API https://github.com/ yeoman/generator/wiki 46 13年8月1?日星期四

53. How To Create A Sub-Generator? 47 13年8月1?日星期四

54. # in your generator repo yo generator:subgenerator name 48 13年8月1?日星期四

55. ? ?name ? ? ?├── ?index.js ? ? ?├── ?templates/somefile.js ? ? 49 13年8月1?日星期四

56. ? ?name ? ? ?├── ?index.js ? ? ?├── ?templates/somefile.js ? ? └── ?USAGE 49 13年8月1?日星期四

57. Yo Pix:Controller arg1 arg2 --json 50 13年8月1?日星期四

58. Yo Pix:Controller arg1 arg2 --json 50 13年8月1?日星期四

59. Yo Pix:Controller arg1 arg2 --json Generator Name 50 13年8月1?日星期四

60. Yo Pix:Controller arg1 arg2 --json Generator Name Sub-gernerator Name 50 13年8月1?日星期四

61. Yo Pix:Controller arg1 arg2 --json Generator Name Sub-gernerator Name Base#argument name 50 13年8月1?日星期四

62. Yo Pix:Controller arg1 arg2 --json Generator Name Sub-gernerator Name Base#argument Base#argument name 50 13年8月1?日星期四

63. Yo Pix:Controller arg1 arg2 --json Generator Name Sub-gernerator Name Base#argument Base#argument name Base#option 50 13年8月1?日星期四

64. Prompt#prompt 51 13年8月1?日星期四

65. 52 13年8月1?日星期四

66. Log 53 13年8月1?日星期四

67. this.log .skip(‘msg’) .create(‘msg’) .invoke(‘msg’) .conflict(‘msg’) .identical(‘msg’) .info(‘msg’) .ok(‘ok’) .error(‘error’); node.js 54 13年8月1?日星期四

68. skip msg force msg create msg invoke msg conflict msg identical msg info msg ? ok ? error 55 13年8月1?日星期四

69. actions#checkForCollision 56 13年8月1?日星期四

70. actions#copy generator my repo 57 13年8月1?日星期四

71. actions#copy generator my repo 57 13年8月1?日星期四

72. actions#copy generator my repo 57 13年8月1?日星期四

73. actions#copy generator my repo 57 13年8月1?日星期四

74. this.copy( ‘main.src.scss’, ‘main.src.scss’ ); node.js 58 13年8月1?日星期四

75. actions#template 59 13年8月1?日星期四

76. this.template( ‘_bower.json’, ‘bower.json’, { appName: this.appName } ); node.js 60 13年8月1?日星期四

77. angularUtils#rewriteFile 61 13年8月1?日星期四

78. class HelloController extends Pix_Controller { public function indexAction() { } public function worldAction() { } // endbuild } PHP 62 13年8月1?日星期四

79. Demo #3 Writing A Generator http://youtu.be/8ysBiN0Zw-463 13年8月1?日星期四

80. 64 13年8月1?日星期四

81. Summary What Is A Generator? Why Use A Generator? How To Make A Generator? 65 13年8月1?日星期四

82. http://0rz.tw/vzQN0 Source Code 66 13年8月1?日星期四

83. http://0rz.tw/DQ2Di Yeoman.io 67 13年8月1?日星期四

84. Q & A 68 13年8月1?日星期四

85. Thanks 69 13年8月1?日星期四

狠狠撸

An intro of web scaffolding tool using yeoman generator

Recommended

More Related Content

Similar to An intro of web scaffolding tool using yeoman generator (16)

Recently uploaded (6)

An intro of web scaffolding tool using yeoman generator