Angular 4 - 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 中更新。

廣告