建構 Angular 應用程式與更多資源

建構你完成的應用程式

現在你已經完成了應用程式的開發，可以執行 Angular CLI 的 build 指令。當你在 todo 目錄中執行 build 指令時，你的應用程式會被編譯到一個名為 dist/ 的輸出目錄中。

在 todo 目錄中，於命令列執行以下指令：

ng build -c production

CLI 會編譯應用程式，並將輸出放置在一個新的 dist 目錄中。使用 ng build 搭配 --configuration production／-c production 旗標可以移除生產環境中不需要的東西。

部署你的應用程式

要部署你的應用程式，你可以將 dist/my-project-name 資料夾的內容複製到你的 Web 伺服器。因為這些檔案是靜態的，所以你可以將它們託管在任何能夠提供檔案服務的 Web 伺服器上，例如：

• Node.js
• Java
• .NET

你可以使用任何後端，例如 Firebase、Google Cloud 或 App Engine。

在本機託管

為了好玩，你可以在建構後執行以下指令，使用 http-server 套件在本機託管建構好的應用程式：

npx http-server ./dist/todo/browser/ -o

此指令會在 8080 連接埠上提供 dist/todo/browser 目錄的服務，所以你可以在瀏覽器中開啟 http://127.0.0.1:8080 來查看運作中的應用程式。HTTP 伺服器也允許你從本機網路上的任何其他裝置，透過你電腦的 IP 位址存取該應用程式，這個位址會列在主控台的 127.0.0.1 位址下方。

接下來呢

至此，你已經建構了一個基本的應用程式，但你的 Angular 之旅才剛開始。你可以透過探索 Angular 文件來學習更多，例如：

• 教學：深入的教學，重點介紹 Angular 的功能，例如使用服務、導覽以及從伺服器取得資料。
• Angular 組件指南：一系列文章，涵蓋生命週期、組件互動和視圖封裝等主題。
• 表單指南：引導你如何在 Angular 中建構響應式表單、驗證輸入以及建構動態表單的文章。

總結

以上。我們希望你享受使用 Angular 的樂趣！

• 前頁
• 概述：理解 JavaScript 前端框架