Azure 上的 JavaScript 開發人員工具
JavaScript 是許多工具的生態系統。 本文是挑選出來的 Microsoft 為 JavaScript 開發人員所建置和維護的工具。 您不需要使用這些工具來使用 Azure，它只會讓體驗變得更好，無論是功能還是支援。
Azure 入口網站
Azure 控制台 可讓您取得您帳戶內所有訂閱及資源的存取權。
Visual Studio Code
Visual Studio Code 是適用於 Azure 的 JavaScript 開發慣用 IDE。 介面、功能和延伸模組會共同運作，以縮短開發時間並減少開發挫折感。
在本機開發專案的根目錄中建立專案工作區，然後新增所有相關的組態、設定和延伸模組。 使用專案簽入工作區檔案，讓每個小組成員都能存取專案所需的設定和工具。
您可以使用 Visual Studio Code 取得數個優點：
- Visual Studio Code 會內嵌顯示 Azure 參考文件
- Visual Studio Code 提供語句完成
- 幾個模棱兩可的類型或物件
Visual Studio Code 提供豐富的文件，供 JavaScript 專案的使用。
適用於 Azure 服務的工具
使用下列免費擴充功能，直接在Visual StudioCode中使用 Azure 服務。
| 服務 | 工具 | 描述 |
|---|---|---|
| 熱門服務 | Visual Studio Code 擴充功能 | 延伸模組的集合。 從 Microsoft 取得此擴充功能中的所有頂級 Azure 服務。 |
| Azure 資源群組 |
Visual Studio Code 擴充功能 Azure CLI |
檢視和管理 Azure 資源。 教學課程：從 Visual Studio Code 將 Express.js MongoDB 應用程式部署至 App Service 教學課程：將認知搜尋新增至網站 |
| Azure 靜態 Web 應用程式 |
Visual Studio Code 擴充功能 SWA CLI |
使用 VS Code 擴充功能或 Static Web Apps CLI （SWA CLI）建立及管理 Azure 靜態 Web Apps。 VS Code 擴充功能會與編輯器整合，而 SWA CLI 會在本機模擬 Azure 服務。 |
| Azure 函數 |
Visual Studio Code 擴充功能 Azure CLI npm 套件 |
建立、管理、檢視、偵錯和部署函式 快速入門：使用 Visual Studio Code 在 Azure 中建立 JavaScript 函式 |
| Azure Container Apps |
Visual Studio Code 擴充功能 Azure CLI containerapp |
Azure Container Apps 可讓您在無伺服器平台上執行微服務和容器化應用程式。 管理您的容器應用程式、部署新版本，以及監視效能。 教學課程：部署前端微服務應用程式 教學課程：部署後端微服務應用程式 |
| Azure Cosmos DB |
Visual Studio Code 擴充功能 Azure CLI |
在 Azure 中建立、瀏覽及更新全球性散佈的多模型形式資料庫。 快速入門：使用 Visual Studio Code 將 Azure Functions 連線至 Azure Cosmos DB |
| 存儲 |
Visual Studio Code 擴充功能 Azure CLI 記憶體模擬器 - Azurite |
Azure 記憶體，包括 Blob 容器、檔案共用、數據表和佇列 快速入門：使用 Visual Studio Code 將 Azure Functions 連線至 Azure 記憶體 |
若要查看所有 Azure 延伸模組，請使用下列連結：
TypeScript
TypeScript 提供所有 JavaScript 的功能，並提供強式但彈性的類型系統。
TypeScript 和 Azure SDK 用戶端連結庫
Azure SDK 用戶端連結庫參考文件是針對 TypeScript 撰寫，因為客戶端連結庫是以 TypeScript 撰寫。 您不需要使用 TypeScript 來使用 Azure SDK 用戶端連結庫。
深入瞭解 Azure SDK TypeScript 指導方針。
部署
Azure 的主要部署工具是 Azure 開發 CLI。 此工具可讓您使用 Bicep 或 Terraform來建立及設定 Azure 服務，然後部署原始程式碼。
使用 Awesome AZD 來尋找可部署的範例，以瞭解適用於 Azure 的端對端解決方案。
持續整合和測試 （CICD） 工具
下列用於建置和部署的整合工具可提升管線生產力。
器皿
如果您要尋找 Microsoft 或 Azure 特定的 Docker 映像，請使用 Microsoft Container Registry （MRC） 來 搜尋影像。
容器的工具
開發容器的工具
Azure 指令列介面 (CLI)
Azure CLI 已針對從命令行管理 Azure 資源進行優化。
Azure CLI 提供下列使用案例：
如果您使用 Azure 入口網站，您可以從頂端導覽列使用 Azure CLI。
範例應用程式、程式代碼和代碼段
GitHub 組織 Azure-Samples，包含 Azure 所提供的產品和服務中的許多範例。 使用 Azure 範例瀏覽器 來尋找符合您需求的範例。
其他範例包括：
劇作家
Playwright 是一個 Node.js 程式庫，用於透過單一 API 自動化 Chromium、Firefox 和 WebKit。 Playwright 測試工具專為啟用跨瀏覽器 Web 自動化而建置，具備始終保持更新、功能強大、可靠且快速的特性。
匆忙
Rush 是一個為 Web 設計的可擴展單倉庫管理工具。
Windows 終端機
Windows 終端機 可讓您從相同的 Windows 應用程式存取數種不同的終端機類型，包括 Azure CLI 和 Ubuntu。 在 GitHub Actions 或其他管線中使用這些腳本之前，請先使用此工具來開發和測試 CICD bash 腳本。
適用於Linux的 Windows 子系統
適用於Linux的 Windows 子系統 可讓開發人員執行 GNU/Linux 環境，包括大部分命令行工具、公用程式和應用程式，直接在 Windows 上未經修改，而不需要傳統虛擬機或雙開機設定的額外負荷。
Azure JavaScript 開發人員秘訣和訣竅
下列清單包含 Azure 開發人員應該知道更有生產力的秘訣和訣竅：
- 為您的 Azure 資源開發 命名架構。
- 將 Azure 資源分組為 資源群組，這也會使用命名架構。
- 針對每個 Azure 資源，新增 標記，以傳達資源的用途、專案和其他重要資訊。 這些標籤會顯示在 Azure 入口網站中，該資源的 [概觀] 頁面上。 將標籤視為記錄資源的一種方式。
- 大部分的資源每個訂用帳戶至少有一個 免費版本。 在瞭解如何使用它時，請使用這種類型的資源。
- 針對「預設安全」解決方案，瞭解如何 建立資源，而不需要連線字串或密碼。 此安全性可讓您在所有環境中使用相同的程序代碼，而不需要管理連接字串或輪替密鑰。
- Azure 的最新 npm 套件從
@azure範圍開始。 - 大部分的 Azure npm 套件都可以使用 DefaultAzureCredential。 雖然設定看起來很複雜，但不再需要管理本機 和將 的遠端驗證整合到 Azure 平台，這對安全性和節省時間有很大的好處。
- 所有 Azure JavaScript SDK 都包含 TypeScript 類型。 這項功能可讓您輕鬆地為解決方案採用強型別，並知道它們不會與 SDK 同步。