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