Azure 上的 JavaScript 開發人員工具
JavaScript 是許多工具的生態系統。 本文是 JavaScript 開發人員Microsoft所建置和維護的工具。 您不需要使用這些工具來使用 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 StudioCode將 Express.js MongoDB 應用程式部署至 App Service 教學課程： 將認知搜尋新增至網站 |
| Azure 靜態 Web 應用程式 | Visual Studio Code 擴充功能 \(英文\) SWA CLI |
使用 VS Code 擴充功能或靜態 Web Apps CLI （SWA CLI） 建立和管理 Azure Static Web Apps。 VS Code 擴充功能會與編輯器整合，而 SWA CLI 會在本機模擬 Azure 服務。 |
| Azure Functions | Visual Studio Code 擴充功能 \(英文\) Azure CLI NPM 套件 |
建立、管理、檢視、偵錯和部署函式 快速入門： 使用 Visual Studio Code 在 Azure 中建立 JavaScript 函式 |
| Azure 容器應用程式 | 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 範例瀏覽器來尋找符合您需求的範例。
其他範例包括：
- 適用於 JS 的 Azure SDK 範例
- 適用於 JS 的 Microsoft 驗證連結庫 （MSAL.js） 範例
- JavaScript 端對端 範例
劇作家
Playwright 是一個Node.js連結庫，可透過單一 API 將 Chromium、Firefox 和 WebKit 自動化。 劇作家是專為啟用跨瀏覽器 Web 自動化而建置的，其為永遠綠色、功能、可靠且快速。
Rush
Rush 是 Web 的可調整 Monorepo 管理員。
Windows 終端機
Windows 終端機 可讓您從相同的 Windows 應用程式存取數種不同的終端機類型，包括 Azure CLI 和 Ubuntu。 在 GitHub Actions 或其他管線中使用這些腳本之前，請先使用此工具來開發和測試 CICD bash 腳本。
Windows 子系統 Linux 版
Windows 子系統 Linux 版 可讓開發人員執行 GNU/Linux 環境，包括大部分命令行工具、公用程式和應用程式，直接在 Windows 上未經修改，而不需要傳統虛擬機或雙開機設定的額外負荷。
Azure JavaScript 開發人員秘訣和訣竅
下列清單包含 Azure 開發人員應該知道更有生產力的秘訣和訣竅：
- 為您的 Azure 資源開發命名架構。
- 將 Azure 資源分組為 資源群組，這也會使用命名架構。
- 針對每個 Azure 資源，新增標記來傳達資源的用途、專案和其他重要資訊。 這些標籤會顯示在該資源的 Azure 入口網站[概觀] 頁面上。 將標籤視為記錄資源的一種方式。
- 大部分的資源每個訂用帳戶至少有一個 免費版本 。 在瞭解如何使用它時，請使用這種類型的資源。
- 針對「預設安全」解決方案，瞭解如何建立不含 連接字串 或密碼的資源。 此安全性可讓您在所有環境中使用相同的程序代碼，而不需要管理 連接字串 或輪替密鑰。
- Azure 的最新 npm 套件從
@azure範圍開始。 - 大部分的 Azure npm 套件都可以使用 DefaultAzureCredential。 雖然設定看起來很複雜，但不再需要管理本機 和 遠端驗證至 Azure 平臺的優點，非常適合安全性和節省時間。
- 所有 Azure JavaScript SDK 都包含 TypeScript 類型。 這項功能可讓您輕鬆地為解決方案採用強型別，並知道它們不會與 SDK 同步。