vscode插件推荐

对应博客地址 ----> 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 闭标签

3. [Auto Import](https://marketplace.visualstudio.com/items?itemName=steoates.autoimport) - 自动导入缺失的 JavaScript 模块

4. [Auto Rename Tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag) - 同时修改 HTML/XML 标签/闭标签

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) - 执行各种语言的脚本文件

7. [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - 单词检写

8. [CodeGeeX](https://marketplace.visualstudio.com/items?itemName=aminer.codegeex) - 国内 AI 助手 (2 代插件名字和 1 代一样----热更新)

9. [Color Highlight](https://marketplace.visualstudio.com/items?itemName=naumovs.color-highlight) - 颜色代码周围显示对应颜色

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) - 快速地查看和跳转编辑 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) - 帮助开发者在不同的编辑器中保持统一的代码风格

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 文件时，提供代码补全、颜色预览、智能提示和代码片段等功能。

17. [Image preview](https://marketplace.visualstudio.com/items?itemName=kisstkondoros.vscode-gutter-preview) - 在装订线和悬停时显示图像预览

18. [Import Cost](https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost) - 在编辑器中内联显示导入包的大小。 该扩展利用 webpack 来检测导入的大小。

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. 运行网站

    - [Live Preview](https://marketplace.visualstudio.com/items?itemName=ms-vscode.live-server) - 托管本地服务器的扩展程序，供您预览 Web 项目！

    - [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer) - 实时服务器

    - [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 的内置功能。您不需要此扩展来使用它。 创建此扩展是为了允许使用 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 库补全

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 调试工具

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 相关

    - [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 的功能却要强大得多

41. [vscode-icons](https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons) - 文件图标

42. [WSL](https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-wsl) - 方便使用 Windows Subsystem for Linux（WSL）来进行开发

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++ 扩展编辑器

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 相关的

48. [Go](https://marketplace.visualstudio.com/items?itemName=golang.Go) - Go 语言的开发

49. Markdown 工具

    - [Markdown Preview Enhanced](https://marketplace.visualstudio.com/items?itemName=shd101wyy.markdown-preview-enhanced) - Markdown 编辑器扩展

    - [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 字数统计

50. PHP 相关

    - [PHP Debug](https://marketplace.visualstudio.com/items?itemName=xdebug.php-debug) - PHP 调试

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

    - [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 代码智能提供器，支持重构等等

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

    - [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) - 自己开发的轻量级久坐提醒

54. 正则表达式

    - [any-rule](https://marketplace.visualstudio.com/items?itemName=russell.any-rule) - 内含丰富正则表达式，粘贴后可选择跳转网站，图解粘贴的表达式

    - [Regex Previewer](https://marketplace.visualstudio.com/items?itemName=chrmarti.regex) - 正则表达式测试

55. [Error Lens](https://marketplace.visualstudio.com/items?itemName=usernamehw.errorlens) - ErrorLens 通过使诊断更加突出来增强语言诊断功能，突出显示 整行，只要诊断由语言生成，并且还内联打印消息。

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

57. [Todo Tree](https://marketplace.visualstudio.com/items?itemName=Gruntfuggly.todo-tree) - 显示（使用 ripgrep）工作区中的注释标记（如 TODO 和 FIXME）