額外元件與工具
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 套件管理器才能安裝和使用。