Angular 6 - CLI



使用 Angular CLI 可以輕鬆啟動任何 Angular 專案。Angular CLI 附帶了可以幫助我們快速建立專案並開始從事專案的命令。現在我們瞭解一下建立專案、元件和服務、更改埠等的可用命令。

要使用 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 專案時需要的一些重要命令。

元件 ng g component new-component
指令 ng g directive new-directive
管道 ng g pipe new-pipe
服務 ng g service new-service
模組 ng g module my-module

每當建立新模組、元件或服務時,都會在父模組 app.module.ts 中更新對它們的引用。

廣告