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