對應(yīng)博客地址 ----> https://blog.longyinstudio.cn/IDE/VScode.html

1. [Art Template Helper](https://marketplace.visualstudio.com/items?itemName=ZihanLi.at-helper) - 模板引擎工具

2. [Auto Close Tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag) - 自動添加 HTML/XML 閉標(biāo)簽

3. [Auto Import](https://marketplace.visualstudio.com/items?itemName=steoates.autoimport) - 自動導(dǎo)入缺失的 JavaScript 模塊

4. [Auto Rename Tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag) - 同時修改 HTML/XML 標(biāo)簽/閉標(biāo)簽

5. [Chinese (Simplified) (簡體中文) Language Pack for Visual Studio Code](https://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode-language-pack-zh-hans) - 中文包

6. [Code Runner](https://marketplace.visualstudio.com/items?itemName=formulahendry.code-runner) - 執(zhí)行各種語言的腳本文件

7. [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - 單詞檢寫

8. [CodeGeeX](https://marketplace.visualstudio.com/items?itemName=aminer.codegeex) - 國內(nèi) AI 助手 (2 代插件名字和 1 代一樣----熱更新)

9. [Color Highlight](https://marketplace.visualstudio.com/items?itemName=naumovs.color-highlight) - 顏色代碼周圍顯示對應(yīng)顏色

10. [CSS Class Intellisense](https://marketplace.visualstudio.com/items?itemName=Tarrow.css-class-intellisense) - Html/Vue/Jsx/PHP id/class attribute completion

11. [CSS Peek](https://marketplace.visualstudio.com/items?itemName=pranaygp.vscode-css-peek) - 快速地查看和跳轉(zhuǎn)編輯 CSS 樣式

12. [Doxygen Documentation Generator](https://marketplace.visualstudio.com/items?itemName=cschlosser.doxdocgen) - 注釋工具

13. [EditorConfig for VS Code](https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig) - 幫助開發(fā)者在不同的編輯器中保持統(tǒng)一的代碼風(fēng)格

14. [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) - ESLint 是一個 JavaScript 代碼檢查工具

15. [GitLens — Git supercharged](https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens) - 管理 Git 代碼庫

16. [HTML CSS Support](https://marketplace.visualstudio.com/items?itemName=ecmel.vscode-html-css) - 編輯 HTML 和 CSS 文件時，提供代碼補(bǔ)全、顏色預(yù)覽、智能提示和代碼片段等功能。

17. [Image preview](https://marketplace.visualstudio.com/items?itemName=kisstkondoros.vscode-gutter-preview) - 在裝訂線和懸停時顯示圖像預(yù)覽

18. [Import Cost](https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost) - 在編輯器中內(nèi)聯(lián)顯示導(dǎo)入包的大小。 該擴(kuò)展利用 webpack 來檢測導(dǎo)入的大小。

19. [IntelliCode](https://marketplace.visualstudio.com/items?itemName=VisualStudioExptTeam.vscodeintellicode) - 智能代碼提示

20. [IntelliCode API Usage Examples](https://marketplace.visualstudio.com/items?itemName=VisualStudioExptTeam.intellicode-api-usage-examples) - 代碼示例

21. [IntelliSense for CSS class names in HTML](https://marketplace.visualstudio.com/items?itemName=Zignd.html-css-class-completion) - 提示 CSS 類名

22. [JavaScript (ES6) code snippets](https://marketplace.visualstudio.com/items?itemName=xabikos.JavaScriptSnippets) - ES6 代碼片段

23. [jQuery Code Snippets](https://marketplace.visualstudio.com/items?itemName=donjayamanne.jquerysnippets) - jQuery 代碼片段

24. 運(yùn)行網(wǎng)站

? ? - [Live Preview](https://marketplace.visualstudio.com/items?itemName=ms-vscode.live-server) - 托管本地服務(wù)器的擴(kuò)展程序，供您預(yù)覽 Web 項(xiàng)目！

? ? - [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer) - 實(shí)時服務(wù)器

? ? - [open in browser](https://marketplace.visualstudio.com/items?itemName=techer.open-in-browser) - 在瀏覽器打開文件

25. [Minify](https://marketplace.visualstudio.com/items?itemName=HookyQR.minify) - 壓縮 html/css/js

26. [Mithril Emmet](https://marketplace.visualstudio.com/items?itemName=FallenMax.mithril-emmet) - Emmet（用于 HTML，CSS，JSX）是 VS Code 的內(nèi)置功能。您不需要此擴(kuò)展來使用它。 創(chuàng)建此擴(kuò)展是為了允許使用 Emmet 編寫 [mithril.js][mithril] 或其他 [hyperscript][hyperscript] 框架。

27. [node-snippets](https://marketplace.visualstudio.com/items?itemName=FallenMax.mithril-emmet) - nodejs 代碼片段

28. [npm Intellisense](https://marketplace.visualstudio.com/items?itemName=christian-kohler.npm-intellisense) - npm 庫補(bǔ)全

29. [One Dark Pro](https://marketplace.visualstudio.com/items?itemName=zhuangtongfa.Material-theme) - 最好用的主題 onedark

30. [Path Intellisense](https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense) - 文件路徑提示

31. [Prettier - Code formatter](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - 代碼格式化

32. [Quokka.js](https://marketplace.visualstudio.com/items?itemName=WallabyJs.quokka-vscode) - js 調(diào)試工具

33. [Remote - SSH](https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-ssh) - ssh 連接

34. [Remote - SSH: Editing Configuration Files](https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-ssh-edit)

35. [Remote Explorer](https://marketplace.visualstudio.com/items?itemName=ms-vscode.remote-explorer) - ssh 文件管理

36. [SVG](https://marketplace.visualstudio.com/items?itemName=jock.svg) - SVG 編輯插件

37. [Tabnine AI Autocomplete for Javascript, Python, Typescript, PHP, Go, Java, Ruby & more](https://marketplace.visualstudio.com/items?itemName=TabNine.tabnine-vscode) - 代碼智能提示

38. [Turbo Console Log](https://marketplace.visualstudio.com/items?itemName=ChakrounAnas.turbo-console-log) - 快捷 log

39. [Typings Installer](https://marketplace.visualstudio.com/items?itemName=benjaminromano.typings-installer) - 自動安裝 Type Definitions（類型定義）文件

40. Vue 相關(guān)

? ? - [Vetur](https://marketplace.visualstudio.com/items?itemName=octref.vetur) - vue 文件:代碼高亮/片段，Emmet，錯誤檢查，格式化，代碼提示

? ? - [Vue 3 Snippets](https://marketplace.visualstudio.com/items?itemName=hollowtree.vue-snippets) - vue3 代碼片段

? ? - [Vue Language Features (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.volar) - 功能上 volar 和 vetur 是一致的，都是針對 vue 的插件，但是 volar 的功能卻要強(qiáng)大得多

41. [vscode-icons](https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons) - 文件圖標(biāo)

42. [WSL](https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-wsl) - 方便使用 Windows Subsystem for Linux（WSL）來進(jìn)行開發(fā)

43. [XML](https://marketplace.visualstudio.com/items?itemName=redhat.vscode-xml) - [XML Tools](https://marketplace.visualstudio.com/items?itemName=DotJoshJohnson.xml) - XML 工具

44. [YAML](https://marketplace.visualstudio.com/items?itemName=redhat.vscode-yaml) - YAML/YML 工具

45. [C/C++](https://marketplace.visualstudio.com/items?itemName=ms-vscode.cpptools) - C/C++ 擴(kuò)展編輯器

46. [css-auto-prefix](https://marketplace.visualstudio.com/items?itemName=sporiley.css-auto-prefix) - 添加-webkit, -moz, -ms 等

47. [Docker](https://marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-docker) - [Dev Containers](https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-containers) - Docker 相關(guān)的

48. [Go](https://marketplace.visualstudio.com/items?itemName=golang.Go) - Go 語言的開發(fā)

49. Markdown 工具

? ? - [Markdown Preview Enhanced](https://marketplace.visualstudio.com/items?itemName=shd101wyy.markdown-preview-enhanced) - Markdown 編輯器擴(kuò)展

? ? - [Markdown All in One](https://marketplace.visualstudio.com/items?itemName=yzhang.markdown-all-in-one)

? ? - [Markdown PDF](https://marketplace.visualstudio.com/items?itemName=yzane.markdown-pdf) - Markdown files to pdf, html, png or jpeg files

? ? - [Markdown Word Count](https://marketplace.visualstudio.com/items?itemName=CurlyBrackets.markdown-word-count) - Markdown 字?jǐn)?shù)統(tǒng)計(jì)

50. PHP 相關(guān)

? ? - [PHP Debug](https://marketplace.visualstudio.com/items?itemName=xdebug.php-debug) - PHP 調(diào)試

? ? - [PHP Extension Pack](https://marketplace.visualstudio.com/items?itemName=xdebug.php-pack) - PHP 擴(kuò)展包

? ? - [PHP Intelephense](https://marketplace.visualstudio.com/items?itemName=bmewburn.vscode-intelephense-client) - PHP 代碼智能

? ? - [PHP IntelliSense](https://marketplace.visualstudio.com/items?itemName=zobo.php-intellisense) - PHP 代碼智能提供器，支持重構(gòu)等等

? ? - [PHP Server](https://marketplace.visualstudio.com/items?itemName=brapifra.phpserver) - PHP 服務(wù)器

? ? - [Format HTML in PHP](https://marketplace.visualstudio.com/items?itemName=rifi2k.format-html-in-php) - 格式化在 php 里的 html 代碼

51. [Vim](https://marketplace.visualstudio.com/items?itemName=vscodevim.vim) - vim

52. [Postcode](https://marketplace.visualstudio.com/items?itemName=rohinivsenthil.postcode) - vscode 上的 Postman

53. [Lightweight-Sedentary-Reminder ](https://marketplace.visualstudio.com/items?itemName=LongYinStudio.lightweight-sedentary-reminder) - 自己開發(fā)的輕量級久坐提醒

54. 正則表達(dá)式

? ? - [any-rule](https://marketplace.visualstudio.com/items?itemName=russell.any-rule) - 內(nèi)含豐富正則表達(dá)式，粘貼后可選擇跳轉(zhuǎn)網(wǎng)站，圖解粘貼的表達(dá)式

? ? - [Regex Previewer](https://marketplace.visualstudio.com/items?itemName=chrmarti.regex) - 正則表達(dá)式測試

55. [Error Lens](https://marketplace.visualstudio.com/items?itemName=usernamehw.errorlens) - ErrorLens 通過使診斷更加突出來增強(qiáng)語言診斷功能，突出顯示 整行，只要診斷由語言生成，并且還內(nèi)聯(lián)打印消息。

56. [Parameter Hints](https://marketplace.visualstudio.com/items?itemName=DominicVonk.parameter-hints) - 參數(shù)提示

57. [Todo Tree](https://marketplace.visualstudio.com/items?itemName=Gruntfuggly.todo-tree) - 顯示（使用 ripgrep）工作區(qū)中的注釋標(biāo)記（如 TODO 和 FIXME）