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