From 542ed30ab8ee593c3d66dad5decdd27f6da68e73 Mon Sep 17 00:00:00 2001 From: "曾季暘(ShawnTseng)" Date: Thu, 29 Apr 2021 23:47:21 +0800 Subject: Update /learn/tools_and_testing/client-side_javascript_frameworks/angular_building, zh-TW (#668) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * feat: change link from en-US to zh-TW * feat(Angular_building): zh-TW - whole page * feat(Angular_building): footer nav zh-TW * fix: 檢查標點符號、中英夾雜的空白 * fix(Angular_building): 間隔空白修正 * fix: 破折號和中文間不需間隔、遺漏的中英間隔 Co-authored-by: Shawn Tseng --- .../angular_building/index.html | 127 ++++++++++----------- 1 file changed, 63 insertions(+), 64 deletions(-) (limited to 'files/zh-tw') diff --git a/files/zh-tw/learn/tools_and_testing/client-side_javascript_frameworks/angular_building/index.html b/files/zh-tw/learn/tools_and_testing/client-side_javascript_frameworks/angular_building/index.html index 69954c77dc..3dc1b1cd57 100644 --- a/files/zh-tw/learn/tools_and_testing/client-side_javascript_frameworks/angular_building/index.html +++ b/files/zh-tw/learn/tools_and_testing/client-side_javascript_frameworks/angular_building/index.html @@ -22,123 +22,122 @@ tags:
{{PreviousMenu("Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Angular_filtering", "Learn/Tools_and_testing/Client-side_JavaScript_frameworks")}}
-

This final Angular article covers how to build an app ready for production, and provides further resources for you to continue your learning journey.

+

這篇文章內容涵蓋，如何建立一個產品版本（production）的應用程式，以及提供後續的學習資源。

- - +
預備知識：Familiarity with the core HTML, CSS, and JavaScript languages, knowledge of the terminal/command line. + 熟悉 HTML、CSS 和 JavaScript 的主要概念，以及 終端機／命令列 的知識。
學習目標：To learn how to build your Angular app.學會如何編譯你的 Angular 應用程式
-

Building your finished application

+

建立你的應用程式完成版

-

Now that you are finished developing your application, you can run the Angular CLI build command. -When you run the build command in your todo directory, your application compiles into an output directory named dist/.

+

現在你已經完成開發你的應用程式，接著執行 Angular CLI build 的指令。 +當你在 todo 的目錄底下執行 build 的指令，應用程式會編譯並且輸出到 dist/ 的目錄下。

-

In the todo directory, run the following command at the command line:

+

在 todo 目錄底下，且在命令列執行以下的命令：

-
ng  build --prod
+
ng build --prod
-

The CLI compiles the application and puts the output in a new dist directory. -The --prod flag with ng build gets rid of stuff you don't need for production.

+

命令列介面—— CLI（Command Line Interface），會將應用程式編譯並且輸出到新的目錄 dist 底下。 + 這個 --prod 尾隨在 ng build 的參數，會移除在正式產品版本上不需要的東西。

-

Deploying your application

+

部署你的應用程式

-

To deploy your application, you can copy the contents of the dist/my-project-name folder to your web server. -Because these files are static, you can host them on any web server capable of serving files, such as:

+

為了部署你的應用程式，你可以複製 dist/my-project-name 資料夾底下的內容到你的伺服器上。 +因為這些都是靜態檔案，你可以將這些檔案放到任何能夠提供檔案的伺服器上，像是：

-

You can use any backend such as Firebase, Google Cloud, or App Engine.

+

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

-

What's next

+

接著要做什麼

-

At this point, you've built a basic application, but your Angular journey is just beginning. -You can learn more by exploring the Angular documentation, such as:

+

現在你已經建立了基本的應用程式，但是你的Angular學習旅程才剛開始，你可以探索Angular文件學習更多，像是：

-

Summary

+

總結

-

That's it for now. We hope you had fun with Angular!

+

以上。希望您喜歡 Angular！

{{PreviousMenu("Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Angular_filtering", "Learn/Tools_and_testing/Client-side_JavaScript_frameworks")}}
-

In this module

+

在這個模組中

-- cgit v1.2.3-54-g00ecf