- Angular CLI 教程
- Angular CLI - 主頁
- Angular CLI - 概覽
- Angular CLI - 環境設定
- Angular CLI 命令
- Angular CLI - ng 版本
- Angular CLI - ng new
- Angular CLI - ng 幫助
- Angular CLI - ng 生成
- Angular CLI - ng 構建
- Angular CLI - ng 執行
- Angular CLI - ng 服務
- Angular CLI - ng lint
- Angular CLI - ng 測試
- Angular CLI - ng e2e
- Angular CLI - ng add
- Angular CLI - ng analytics
- Angular CLI - ng 配置
- Angular CLI - ng 文件
- Angular CLI - ng 更新
- Angular CLI - ng xi18n
- Angular CLI - 程式碼覆蓋範圍
- Angular CLI 有用的資源
- Angular CLI - 快速指南
- Angular CLI - 有用的資源
- Angular CLI - 討論
Angular CLI - 概覽
Angular 命令列介面 (CLI) 讓 Angular 專案啟動變得很容易。它包含可以非常快速地幫助我們建立並啟動專案的命令。現在,我們一起了解可用於建立專案、元件和服務、更改埠等命令。
要使用 Angular CLI,需要在我們的系統上安裝好它。我們使用以下命令進行安裝 −
npm install -g @angular/cli
要建立新專案,可以在命令列中執行以下命令,之後便會建立專案。
ng new PROJECT-NAME cd PROJECT-NAME ng serve //
ng serve// 將編譯,你可以在瀏覽器中看到專案的輸出 −
https://:4200/
4200 是建立新專案時使用的預設埠。你可以使用以下命令更改埠 −
ng serve --host 0.0.0.0 --port 4201
Angular 4 命令
在使用 Angular 4 專案時,下表列出了一些所需的重要命令。
| 序號 | 命令和說明 |
|---|---|
| 1 | 元件 ng g 元件 new-component |
| 2 | 指令 ng g 指令 new-directive |
| 3 | 管道 ng g 管道 new-pipe |
| 4 | 服務 ng g 服務 new-service |
| 5 | 模組 ng g 模組 my-module |
每當建立一個新模組、元件或服務時,對它的引用都會更新到父模組 app.module.ts。
廣告