angular cli 是乙個命令列介面(command line inte***ce)，用於實現自動化開發工作流程。它允許你做以下這些事情：
1．建立乙個新的 angular 應用程式
2．執行帶有 livereload 支援的開發伺服器，以便在開發過程中預覽應用程式
3．新增功能到現有的 angular 應用程式
4．執行應用程式的單元測試
5．執行應用程式的端到端 (e2e) 測試
6．構建應用程式
前提條件
在使用 angular cli 之前，你必須確保系統中 node.js 的版本高於 6.9.0 且 npm 的版本高於 3.0.0。
若你尚未安裝 node.js，你可以訪問 node.js 官網，然後根據你所用的作業系統選擇對應的安裝方式。
若你本機已經安裝 node.js 和 npm，你可以通過執行以下命令，確認一下當前環境資訊
$ node - v # 顯示當前node.js的版本
$ npm -v # 顯示當前npm的版本
當你本機 node.js 環境確認無誤後，你可以在命令列使用 npm 安裝 typescript
$ npm install -g typescript # 安裝最新的typescript穩定版
安裝 angular cli
若要安裝 angular cli，只需在命令列中執行以下命令：
$ npm install -g @angular/cli
驗證是否成功安裝 angular cli，可在命令列執行：
$ ng version
在我本機執行上述命令，則輸出以下結果：
@angular/cli: 1.1.1
node: 6.10.2
os: darwin x64
建立新的 angular 應用程式
angular cli 為我們提供了兩種方式，用於建立新的應用程式：
ng init - 在當前目錄建立新的應用程式
ng new - 建立新的目錄，然後在新建的目錄中執行 ng init 命令
因此 ng new 與 ng init 的功能是相似的，只是 ng new 會為我們建立新的目錄。
AOT與angular cli資料整理
最近在研究angular的aot編譯方式，這種編譯方式和angular傳統的jit比能夠較大程度上優化效能，適合於產品發布。首先一手的參考資料自然是angular官網上對於aot的介紹，本論壇中的 angular系列之aot編譯 和 angular 2 jit vs aot 兩篇文章基本上是對官網上...
前端學習之Angular cli
1 全域性安裝angular cli 由於用npm安裝比較慢，先安裝 映象cnpm，可參考之前的文章 然後使用命令進行安裝 cnpm install g angular cli，其中 g表示全域性安裝 2 檢視是否安裝成功 命令 ng version 操作1 命令如下，比較慢 進入專案目錄下 ng ...
Angular CLI 全域性指令碼
有的時候，我們需要載入全域性指令碼，例如 jquery 指令碼庫，第三方的控制項庫等等。比如 jquery 可以直接載入到 window 物件上，這就需要我們使用 angular 中的全域性指令碼來處理。這對於遺留的庫或者指令碼片段來說特別有用。scripts global script.js 可以...