基本配置插件
-
Chinese (Simplified) Language Pack for Visual Studio Code
中文簡體語言包
-
vscode-icons
它不僅能夠給文件夾、文件添加上舒適的圖標，而且可以自動檢測項目，根據項目不同功能配上不同圖標，例如，git、Markdown、配置項、工具類等等
-
Bracket Pair Colorizer
給常用括號顯示不同顏色，當點擊對應括號時能夠用線段直接鏈接到一起，讓層次結構一目了然
-
Path Intellisense
自動路徑補全
-
Npm Intellisense
用於在import語句中自動填充npm模塊
-
Auto import
自動導入包插件
-
TODO Highlight
高亮顯示備注中的 TODO 事項，推薦配合 Todo Tree 使用
-
Todo Tree
點擊左側欄“樹”的logo，顯示 TODOList 條目，點擊相應的條目，可以打開文件並定位到 TODO 行
-
Dracula Official
個人喜歡的vscode主題
-
Code Runner
代碼一鍵運行，支持超過40種語言
-
Draw.io Integration
在 vscode 中畫流程圖
前端插件安裝
插件推薦
-
Markdown All in One
markdown文檔寫作工具，可以實現媲美Typora的Markdown編輯體驗
-
JavaScript (ES6) code snippets
為 JavaScript、TypeScript、HTML、React 和 Vue 提供了 ES6 的語法支持
-
vue
Vue 的語法高亮、智能感知、Emmet 等
-
Image Preview
鼠標懸浮在鏈接或者裝訂線(gutter)左邊可以預覽到圖片
-
Auto Rename Tag
自動重命名成對的HTML標記
-
Auto Close Tag
自動寫關閉標簽
-
HTML Snippets
在代碼分段方面非常有用，可以為你節省大量的時間。它能跟Emmet配對
-
HTMLHINT
html代碼檢測，支持html5
-
Babel ES6/ES7
JavaScript Babel的輔助工具。如果你用的是Babel，這個工具可以讓你更容易區分代碼
-
ESLint
用這個軟件可以輕易獲取有關漏洞的提示，而且在編碼過程中，它還可以幫助你養成良好的編碼習慣
-
Live server
實時顯示網頁情況
-
Beautify
格式化javascript，JSON，CSS，HTML
-
Highlight Matching Tag
vscode 標簽成對高亮
-
HTML Snippets
智能提示HTML標簽，以及標簽含義
-
indent-rainbow
高亮（每行代碼之前的）縮進
-
jQuery Code Snippets
jQuery代碼智能提示
-
view-in-browser
從瀏覽器中查看html文件，使用系統的當前默認瀏覽器，從瀏覽器中查看html文件，使用系統的當前默認瀏覽器
后端插件安裝
插件推薦
-
C/C++
來自微軟官方的 C/C++ 插件，必備的插件，如果不安裝，代碼無法跳轉，也沒有自動補全
-
C++ Intellisense
對官方工具的補充，對以下工具功能增強
- 跳轉到定義；
- 代碼自動補全；
- 查找代碼引用；
- 列舉 symbols；
-
Python
必備插件，提供了代碼分析，高亮，規范化等很多基本功能
-
Python Snippets
Python代碼智能提示工具
-
Pylance
和其他Python語言服務器一樣，Pylance也是圍繞提升開發效率和體驗進行優化，它主要有如下特性：
- Docstrings
- 參數提示
- 自動導入
- 代碼補全
- 代碼診斷
- 引用和跳轉
- 代碼大綱
- 類型檢查
- 支持多工作區
- 帶有類型信息的簽名幫助
- 兼容IntelliCode和Jupyter notebook
-
AREPL for python
實時顯示python的輸出信息
-
Python Docstring Generator
可以自動生成函數注釋模板信息
-
XML Tools
xml文件工具，使用xml文件