Learning Ember CLI

-FBSOJOH&NCFS$-* &NCFSKT5PLZP.FFUVQ!4",63"*OUFSOFU CZ!FTVLFJ 4BUPSV,BXBIBSB

&NCFS$-*

IUUQXXXFNCFSDMJDPN “The command line interface for ambitious web applications.”

node -v v0.10.x npm install -g bower npm install -g
phantomjs 1SFSFRVJTJUFT

npm install -g ember-cli *OTUBMMBUJPO

ember new ember generate ember serve ember test ember build
$PNNBOET

ember new <app-name> <options...> (FOFSBUFTBO"QQMJDBUJPO4USVDUVSF

'PMEFSMBZPVU app/ &NCFSBQQDPEFT dist/ EJTUSJCVUFTZPVSBQQ public/ TUBUJDBTTFUT JNBHFT GPOUT tests/
UFTUDPEFT tmp/ UFNQPSBSZ vendor/ CPXFSDPNQPOFOUT .jshintrc .gitignore Brocfile.js CVJMETQFDJDBUJPOGPS#SPDDPMJ bower.json package.json

'PMEFSMBZPVUXJUIJOBQQ app/app.js FOUSZQPJOU app/index.html app/router.js SPVUFDPOHVSBUJPO app/styles/ TUZMFTIFFUT app/templates/ IBOEMFCBST
app/components/ app/controllers/ app/helpers/ app/routes/ app/views/

ember generate <generator-name> <options...> (FOFSBUFTBTQFDJD&NCFS0CKFDU 3PVUF $POUSPMMFS .PEFM

ember serve #VJMEZPVSBQQ 3VOBMPDBMTFSWFS FYQSFTT 3VOBMJWFSFMPBE

ember test 3VOBUFTU 2VOJU

ember build #VJMEZPVSBQQ

"TTFU$PNQJMBUJPO app/styles/app.{css,less,sass} assets/<app-name>.css app/**/*.js assets/<app-name>.js app.import(‘*.css’) assets/vendor.css app.import(‘*.js’) assets/vendor.js public/assets/*
assets/*

DPNNBOETBSF7&3:6TFGVM #VU ember

5IFSFBTPOXIZ*VTF&NCFS$-* JT

.PEVMFT 3FTPMWFS /BNJOH$POWFOUJPO

&4NPEVMFTZOUBY &4.PEVMF5SBOTQJMFS

3FTPMWFS/BNJOH$POWFOUJPO

8IFO ZPVXBOUUPDSFBUFBDPOUSPMMFSGPS *OEFYQBHFPG$PNNFOUTGPSB1PTU

&NCFSKTXBZ var PostCommentsIndexController = App.Ember.ArrayController.extend({ model: function () {}; });

&NCFS$-*XBZ import Ember from "ember"; ! export default Ember.ArrayController.extend({ model:
function () {}; }); "OE

4BWFBT app/controllers/post/comments/index.js

/BNJOH$POWFOUJPOTGPS'JMFOBNF

NBLFTJUFBTZ ember generate ember generate controller post/comments/index create app/controllers/post/comments/index.js create
tests/unit/controllers/post/comments/index-test.js

Ԩ "WPJEHMPCBMWBSJBCMFT Ԩ "WPJEUPPMPOHWBSJBCMFTˏOBNF Ԩ &BTZUP3FGBDUPS Ԩ ,FFQTUSVDUVSF$MFBO

JT .03& UIBO KVTUB$-* &NCFS$-*

IUUQTHJUIVCDPNTUFGBOQFOOFSFNCFSDMJ “Although potentially exciting, this is still really a WIP,
use at your own risk.” 8"3/*/(

Learning Ember CLI

Learning Ember CLI

Satoru Kawahara

More Decks by Satoru Kawahara

Other Decks in Programming

Featured

Transcript

-FBSOJOH&NCFS$-* &NCFSKT5PLZP.FFUVQ!4",63"*OUFSOFU CZ!FTVLFJ 4BUPSV,BXBIBSB

&NCFS$-*

IUUQXXXFNCFSDMJDPN “The command line interface for ambitious web applications.”

node -v v0.10.x npm install -g bower npm install -g

npm install -g ember-cli *OTUBMMBUJPO

ember new ember generate ember serve ember test ember build

ember new <app-name> <options...> (FOFSBUFTBO"QQMJDBUJPO4USVDUVSF

'PMEFSMBZPVU app/ &NCFSBQQDPEFT dist/ EJTUSJCVUFTZPVSBQQ public/ TUBUJDBTTFUT JNBHFT GPOUT tests/

'PMEFSMBZPVUXJUIJOBQQ app/app.js FOUSZQPJOU app/index.html app/router.js SPVUFDPOHVSBUJPO app/styles/ TUZMFTIFFUT app/templates/ IBOEMFCBST

ember generate <generator-name> <options...> (FOFSBUFTBTQFDJD&NCFS0CKFDU 3PVUF $POUSPMMFS .PEFM

ember serve #VJMEZPVSBQQ 3VOBMPDBMTFSWFS FYQSFTT 3VOBMJWFSFMPBE

ember test 3VOBUFTU 2VOJU

ember build #VJMEZPVSBQQ

"TTFU$PNQJMBUJPO app/styles/app.{css,less,sass} assets/<app-name>.css app/**/.js assets/<app-name>.js app.import(‘.css’) assets/vendor.css app.import(‘.js’) assets/vendor.js public/assets/

DPNNBOETBSF7&3:6TFGVM #VU ember

5IFSFBTPOXIZVTF&NCFS$- JT

.PEVMFT 3FTPMWFS /BNJOH$POWFOUJPO

&4NPEVMFTZOUBY &4.PEVMF5SBOTQJMFS

3FTPMWFS/BNJOH$POWFOUJPO

8IFO ZPVXBOUUPDSFBUFBDPOUSPMMFSGPS *OEFYQBHFPG$PNNFOUTGPSB1PTU

&NCFSKTXBZ var PostCommentsIndexController = App.Ember.ArrayController.extend({ model: function () {}; });

&NCFS$-*XBZ import Ember from "ember"; ! export default Ember.ArrayController.extend({ model:

4BWFBT app/controllers/post/comments/index.js

/BNJOH$POWFOUJPOTGPS'JMFOBNF

NBLFTJUFBTZ ember generate ember generate controller post/comments/index create app/controllers/post/comments/index.js create

Ԩ "WPJEHMPCBMWBSJBCMFT Ԩ "WPJEUPPMPOHWBSJBCMFTˏOBNF Ԩ &BTZUP3FGBDUPS Ԩ ,FFQTUSVDUVSF$MFBO

JT .03& UIBO KVTUB$-* &NCFS$-*

IUUQTHJUIVCDPNTUFGBOQFOOFSFNCFSDMJ “Although potentially exciting, this is still really a WIP,