在 ng-conf 2016的一場演講中,Mike Brocchi向開發者詳細展示了 Angular CLI(全稱Command Line Interface)及其功能。他說,在自己采訪過的開發者中,有26%的人稱 Angular 2 環境設置是一大入門門檻,有22%的人說環境設置太過復雜。Angular CLI的誕生,正是為了解決這個問題。
為了降低創建項目所需的時間,Angular CLI提供了許多特性讓開發者“快速上手”:
ng new project-name - 創建一個新項目,置為默認設置ng build - 構建/編譯應用ng test - 運行單元測試ng e2e - 運行端到端(end-to-end)測試ng serve - 啟動一個小型web服務器,用于托管應用ng deploy - 即開即用,部署到Github Pages或者Firebase執行這些步驟所需要的全部設置,都由CLI工具來完成。
除了設置一個新應用之外,該工具還支持開發者運行命令,構建應用的組成部分,如組件(Component)和路由(Route)。
ng generate component my-comp - 生成一個新組件,同時生成其測試規格和相應的HTML/CSS文件
ng generate directive my-directive - 生成一個新指令ng generate pipe my-pipe - 生成一個新管道ng generate service my-service - 生成一個新服務ng generate route my-route - 生成一個新路由ng generate class my-class - 生成一個簡易的模型類對于每個生成命令,所產生的文件會根據官方Angular樣式指南的規定,放置在正確的位置。
可惜的是,這個工具只適用于Angular 2,不適用于1.x版本。該工具現在處于Beta階段,開發團隊希望將來添加離線模板編譯、延遲加載路由和可擴展性。
這個工具背后的創意并不新。在Angular的世界,Platypi框架使用一個叫做PlatypusCLI的命令行工具,來創建應用組件,如模型和服務。非Angular的項目Ember也有著自己的Ember CLI,協助開發者完成諸如運行測試、編譯資源等任務。
Brocchi演講的完整視頻可在YouTube上觀看。
查看英文原文:Angular CLI Helps Spin Up Angular 2 Projects and Components