額外元件與工具

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 Marketplace 上建立數千個實用的擴充功能。

以下清單顯示 VS Code Marketplace 中一些熱門的擴充功能。選取擴充功能磚以檢視擴充功能詳細資料。

額外工具

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

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

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

後續步驟

  • 使用者介面 - 快速瀏覽 VS Code。
  • 使用者/工作區設定 - 瞭解如何透過設定將 VS Code 設定為您的偏好設定。
  • 語言 - VS Code 開箱即用支援多種程式設計語言,並透過社群建立的擴充功能支援更多語言。