額外的元件與工具

Visual Studio Code 在設計上是一個小型的下載項目,僅包含大多數開發工作流程通用的最少元件。其中包括編輯器、檔案管理、視窗管理和偏好設定等基本功能。基礎安裝中也包含 JavaScript/TypeScript 語言服務和 Node.js 偵錯工具。

如果您習慣使用較大型、單體式的開發工具 (IDE),您可能會驚訝於您的場景並非一開始就完全支援。例如,沒有包含預設專案範本的 檔案 > 新增專案 對話方塊。大多數 VS Code 使用者會需要根據其特定需求安裝額外元件。

常用元件

以下是幾個常用的安裝元件

  • Git - VS Code 內建支援使用 Git 進行原始碼控制,但需要另外安裝 Git。
  • Node.js (包含 npm) - 用於建置與執行 JavaScript 應用程式的跨平台執行環境。
  • TypeScript - TypeScript 編譯器 tsc,用於將 TypeScript 轉譯為 JavaScript。

您會發現上述元件經常出現在我們的文件和逐步指南中。

VS Code 延伸模組

您可以透過 延伸模組 來擴充 VS Code 編輯器本身。VS Code 社群已在 VS Code 市集 上建立了數千個有用的延伸模組。

下表列出了 VS Code 市集中的一些熱門延伸模組。選取延伸模組圖項以檢視該延伸模組的詳細資訊。

額外工具

Visual Studio Code 與現有的工具鏈整合。我們認為以下工具將提升您的開發體驗。

  • Yeoman - 應用程式鷹架工具,是 檔案 > 新增專案 的命令列版本。
  • generator-hottowel - 用於快速建立 AngularJS 應用程式的 Yeoman 產生器。
  • Express - 使用 Pug 範本引擎的 Node.js 應用程式架構。
  • Gulp - 一個串流工作執行系統,可輕鬆與 VS Code 工作整合。
  • Mocha - 執行於 Node.js 的 JavaScript 測試架構。
  • Yarn - 相依性管理員,是 npm 的替代方案。

注意: 大多數工具需要安裝 Node.js 和 npm 套件管理員才能使用。

後續步驟

  • 使用者介面 - VS Code 的快速上手導覽。
  • 使用者/工作區設定 - 瞭解如何透過設定將 VS Code 配置為您偏好的樣式。
  • 語言 - VS Code 內建支援許多程式語言,並透過社群建立的延伸模組支援更多語言。
© . This site is unofficial and not affiliated with Microsoft.