angular 2 - 001 ng cli的安裝和使用

angular cli 建立項目和組件

ng new my-app --skip-install
cd my-app
cnpm install
ng serve
localhost:4200

angular cli熱更新開發調試

ng serve -p 8080

angular cli測試打包 spec的測試文件

ng test

簡明架構

站在巨人的肩膀上
amber cli -> angular cli -> webpack

安裝

npm install -g @angular/cli
查看版本
ng version

help

ng help
查看ng new幫助信息
ng help new

ng generate

簡寫ng g, 用於代碼生成

ng help generate
Available schematics:
    application
    class
    component
    directive
    enum
    guard
    interface
    module
    pipe
    service
    universal
    appShell

ng build

預編譯
ng b -aot
生產版本
ng b -prod

du 自盤使用報告 - 查看文件大小

cmder 中du

DU v1.6 - Directory disk usage reporter
Copyright (C) 2005-2016 Mark Russinovich
Sysinternals - www.sysinternals.com

usage: du [-c[t]] [-l <levels> | -n | -v] [-u] [-q] <directory>
   -c     Print output as CSV. Use -ct for tab delimiting.
          Use -nobanner to suppress banner.
   -l     Specify subdirectory depth of information (default is one level).
   -n     Do not recurse.
   -q     Quiet.
   -nobanner
          Do not display the startup banner and copyright message.
   -u     Count each instance of a hardlinked file.
   -v     Show size (in KB) of all subdirectories.

CSV output is formatted as:
Path,CurrentFileCount,CurrentFileSize,FileCount,DirectoryCount,DirectorySize,DirectorySizeOnDisk

angular 進步

性能提高
組件式開發
移動端有好-angular-mobile-toolkit