>本文探討了角度CLI：其功能，功能和潛在機制。 即使是經驗豐富的Angular CLI用戶，它也會在其內部工作中發現這是有用的複習。雖然不是嚴格的角度開發強制性的，但Angular CLI顯著提高了代碼質量和開發人員的效率。
這是關於在Angular構建待辦器應用程序的四部分系列中的第一個。
密鑰概念：
ng new
ng serve
ng build
Angular決賽於2016年9月15日發布。 Angular團隊開發了Angular CLI，以最大程度地減少設置和配置複雜性，從而使開發人員可以專注於應用程序構建。 此工具集包括IDE/編輯器集成和角CLI本身。
> 什麼是角cli？
>>在探索這些功能之前，讓我們安裝。
> node.js（6.9.0或更高版本）和npm（3.0.0或更高版本）。從官方網站下載最新的node.js版本。使用以下方式驗證版本
通過NPM完成$ node -v $ npm -v
>使用node.js和打字稿安裝，繼續安裝Angular Cli。
$ npm install -g typescript@2.2.0
使用NPM全球安裝：
>用以下方式驗證安裝：
$ npm install -g @angular/cli
這將顯示已安裝的版本信息（例如，
）。$ ng version
創建一個新的Angular應用程序@angular/cli: 1.0.0
：在當前目錄中創建一個應用程序。
>ng init。 ng newng init。 例如：這將創建ng new>目錄，生成必要的文件，安裝依賴項，配置TypeScript，業力，量角器和環境文件。
$ ng new my-app
my-app
ng new>
ng generate --help
--dry-run--verbose--link-cli@angular/cli：跳過測試文件創建。 --skip-install：跳過初始的git commit。 --skip-git：指定目錄名稱。 --skip-tests：指定源目錄名稱。 --skip-commit：指定樣式語言（CSS，SILSE，SCSS）。 --directory：指定組件前綴。 --source-dir：生成一個漸進式Web應用程序（PWA）。 --style：添加路由模塊。 --prefix：使用內聯樣式。 --mobile：使用內聯模板。 --routing>讓我們現在運行應用程序。 --inline-style
$ node -v $ npm -v
>這啟動了開發服務器（默認端口4200）。 LiverEload會自動刷新文件更改時的瀏覽器。 按ctrl-c停止服務器。
ng generate命令添加功能：
ng generate class my-new-class
ng generate component my-new-component
ng generate directive my-new-directive
ng generate enum my-new-enum
ng generate module my-new-module
ng generate pipe my-new-pipe
ng generate service my-new-service
）。 每個子命令都有特定的選項（checkng g c my-new-component）。 CLI智能地將新功能集成到適當的模塊中。 ng generate --help
子命令，單元測試，E2E測試，生產構建，部署（指出刪除ng generate），彈出申請，未來功能，摘要，摘要和FAQS在維護原始結構和圖像放置的同時，我省略了每個子命令和其餘部分的詳細說明。
ng deploy
以上是最終角CLI參考指南的詳細內容。更多資訊請關注PHP中文網其他相關文章！
