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。

廣告
© . All rights reserved.