全局安裝Angular CLI

npm install -g @angular/cli

新建Angular CLI項目

ng new my-project

運行項目

ng serve --open 命令會啟動開發服務器、監視文件，并在這些文件發生更改時重建應用。
–open（或者只用 -o 縮寫）選項會自動打開你的瀏覽器，并訪問 http://localhost:4200/

ng serve -o

如果默認端口 4200 不可用，則可以使用端口標志指定另一個端口：

ng serve --port 4201

構建項目

ng build

此命令會創建一個 dist 文件夾，其中包含把你的應用部署到托管服務時所需的全部文件。

部署項目

把 dist/my-project-name 文件夾的內容復制到 Web 服務器。由于這些文件是靜態的，因此你可以將它們托管在任何支持靜態文件的 Web 服務器上。（例如 Node.js、Java、.NET 或任何后端

總結

以上是生活随笔為你收集整理的新建angular-cli项目的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。