參加你附近的 ,瞭解 VS Code 中的 AI 輔助開發。

附加元件和工具

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 開箱即用地支援多種程式語言,並透過社群建立的擴充套件支援更多語言。