yeoman - a node.js cli tool for web developers

for web developersCaesar Chi

clonn

tools

http://about.me/clonn13年4月14⽇日星期⽇日

for web developersCaesar Chi

clonn

tools

http://about.me/clonn13年4月14⽇日星期⽇日

Caesar Chi

clonncdhttp://about.me/clonn13年4月14⽇日星期⽇日

Somethings you

Should Know

13年4月14⽇日星期⽇日

Command line13年4月14⽇日星期⽇日

GIT(Github)13年4月14⽇日星期⽇日

Server13年4月14⽇日星期⽇日

JavaScript13年4月14⽇日星期⽇日

13年4月14⽇日星期⽇日

JSON13年4月14⽇日星期⽇日

CommonJShttp://www.commonjs.org/

13年4月14⽇日星期⽇日

13年4月14⽇日星期⽇日

13年4月14⽇日星期⽇日

with“Of Course”

13年4月14⽇日星期⽇日

web serverrestful server

13年4月14⽇日星期⽇日

as a web developers, knowing some grid systems is good for you

13年4月14⽇日星期⽇日

13年4月14⽇日星期⽇日

13年4月14⽇日星期⽇日

old school Usage

13年4月14⽇日星期⽇日

find a example page

13年4月14⽇日星期⽇日

check html source code, then...

13年4月14⽇日星期⽇日

check html source code, then...

COPY & PASTECOPY & PASTECOPY & PASTE

13年4月14⽇日星期⽇日

13年4月14⽇日星期⽇日

EverythingShould BeSimple Butno simpler

13年4月14⽇日星期⽇日

We can DO It!

13年4月14⽇日星期⽇日

http://yeoman.io/

13年4月14⽇日星期⽇日

13年4月14⽇日星期⽇日

web basic scafolding

13年4月14⽇日星期⽇日

npm install -g

yo

13年4月14⽇日星期⽇日

yo webapphttp://yeoman.io/gettingstarted.html

13年4月14⽇日星期⽇日

http://twitter.github.io/bower/

13年4月14⽇日星期⽇日

npm install -gbower

13年4月14⽇日星期⽇日

bower <packages>

installsearchupdatelist

13年4月14⽇日星期⽇日

Grunt.js for Web developer

v 0.4.0

13年4月14⽇日星期⽇日

npm install -g

grunt-cli

13年4月14⽇日星期⽇日

Gruntfile• Gruntfile.js file existed

13年4月14⽇日星期⽇日

Gruntfile

13年4月14⽇日星期⽇日

• Use grunt plugin

• register grunt task

http://gruntjs.com/plugins

Gruntfile

13年4月14⽇日星期⽇日

npm install -ggrunt-init

13年4月14⽇日星期⽇日

grunt-init TEMPLATEhttp://gruntjs.com/project-scaffolding#installing-templates

13年4月14⽇日星期⽇日

13年4月14⽇日星期⽇日

https://gist.github.com/clonn/5175333cli example

13年4月14⽇日星期⽇日

for web developersCaesar Chi

clonn

tools

http://about.me/clonn13年4月14⽇日星期⽇日