額外元件與工具

Visual Studio Code 經過設計,下載檔案很小,且僅包含橫跨多數開發工作流程所共有的最少數量元件。其中包含編輯器、檔案管理、視窗管理和偏好設定等基本功能。JavaScript/TypeScript 語言服務與 Node.js 偵錯工具也是基本安裝的一部分。

如果您習慣使用較大型、單體式的開發工具 (IDE),可能會對您的情境未完全提供開箱即用支援感到意外。例如,其中沒有包含預先安裝專案範本的 File > New Project 對話方塊。多數 VS Code 使用者需要根據其特定需求來安裝額外的元件。

常用的元件

以下是幾個常安裝的元件

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

您會在我們的說明文件與逐步解說中經常看到上述提及的元件。

VS Code 擴充功能

您可以透過擴充功能來擴充 VS Code 編輯器本身。VS Code 社群已經建置了數千個實用的擴充功能,可在 VS Code Marketplace 上取得。

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

額外工具

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

  • Yeoman - 一個應用程式鷹架工具,也就是 File > New Project 的命令列版本。
  • 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 開箱即用支援許多程式語言,並透過社群建立的擴充功能支援更多語言。
English 한국어 中文(简体) 中文(繁體)
© . This website operates independently and is not affiliated with or endorsed by Microsoft. All brand names, logos, and trademarks are the property of their respective owners.