Learning Ember CLI

3b9c88bfeadc208be2c74356ad0a8f04?s=47 Satoru Kawahara
July 30, 2014
Programming
4
760

Learning Ember CLI

Summary of Ember CLI and the reason why I choose Ember CLI.
@ Ember.js Tokyo Meetup 2014-07-30

3b9c88bfeadc208be2c74356ad0a8f04?s=128

Satoru Kawahara

July 30, 2014
Tweet

Want more?

3b9c88bfeadc208be2c74356ad0a8f04?s=48 esukei
1
140
3b9c88bfeadc208be2c74356ad0a8f04?s=48 esukei
1
930
3b9c88bfeadc208be2c74356ad0a8f04?s=48 esukei
1
1.1k
7cbd3f5f922d798cc312eaf596de7ae6?s=48 iamctodd
2
520
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
14
870
A9a491b0fcbe0fbce3d64063a37add99?s=48 rmw
6
480
766b9746b59e6f09e280cd33cf4ed419?s=48 skipperchong
0
300
61857dafbd287b3027c4dcea9008ad3c?s=48 carmenhchung
8
620
06f8b41980eb4c577fa40c41d5030c19?s=48 keathley
9
330
C0390e8b11079f8761c0cd3274ed61cb?s=48 productmarketing
3
360
C35e01544a0dd94a2cf1619ee8a42ebb?s=48 clairelew
5
900
6bb82b13cda86d3b821fa44100335ddf?s=48 thoeni
1
230

Transcript

  1. 1.

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

  2. 2.

    &NCFS$-*

  3. 3.

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

  4. 4.

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

    phantomjs 1SFSFRVJTJUFT
  5. 5.

    npm install -g ember-cli *OTUBMMBUJPO

  6. 6.

    ember new ember generate ember serve ember test ember build

    $PNNBOET
  7. 7.

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

  8. 8.

    '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
  9. 9.

    '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/
  10. 10.

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

  11. 11.

    ember serve #VJMEZPVSBQQ 3VOBMPDBMTFSWFS FYQSFTT  3VOBMJWFSFMPBE

  12. 12.

    ember test 3VOBUFTU 2VOJU

  13. 13.

    ember build #VJMEZPVSBQQ

  14. 14.

    "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/*
  15. 15.

    DPNNBOETBSF7&3:6TFGVM #VU ember

  16. 16.

    5IFSFBTPOXIZ*VTF&NCFS$-* JT

  17. 17.

    .PEVMFT 3FTPMWFS /BNJOH$POWFOUJPO

  18. 18.

    &4NPEVMFTZOUBY &4.PEVMF5SBOTQJMFS

  19. 19.

    3FTPMWFS/BNJOH$POWFOUJPO

  20. 20.

    8IFO ZPVXBOUUPDSFBUFBDPOUSPMMFSGPS *OEFYQBHFPG$PNNFOUTGPSB1PTU

  21. 21.

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

  22. 22.

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

    function () {}; }); "OE
  23. 23.

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

  24. 24.

    /BNJOH$POWFOUJPOTGPS'JMFOBNF

  25. 25.

    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
  26. 26.

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

  27. 27.

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

  28. 28.

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

    use at your own risk.” 8"3/*/(