不用再找拉，65款自用vscode插件整理，随时可取

最新推荐文章于 2024-08-21 16:07:31 发布

罗米笔记

最新推荐文章于 2024-08-21 16:07:31 发布

阅读量1k

点赞数 17

文章标签： vscode ide 编辑器

本文链接：https://blog.csdn.net/u011757939/article/details/137051645

版权

大家好我是辉子，关注公众号: 【罗米笔记】，有更好的笔记会及时更新

我自己目前用到的vscode插件，记录下来，以后需要的时候回来再看，有更好更新的再进行记录。

1. Auto Close Tag

自动添加HTML/XML关闭标签，与Visual Studio IDE或Sublime Text相同。

2. Auto Import

自动查找、解析并提供所有可用导入的代码操作和代码完成。工作Typescript和TSX。

3. Auto Rename Tag

自动重命名配对的HTML/XML标记

4. Beautify css/sass/scss/less

美化css, sass和less代码

5. Better Comments

Better Comments扩展将帮助您在代码中创建更人性化的注释。

6. Chinese (Simplified) (简体中文) Language

适用于 VS Code 的中文（简体）语言包

7. Code Runner

运行代码片段或代码文件的多种语言:C, c++， Java, JavaScript, PHP, Python, Perl, Perl 6, Ruby, Go, Lua, Groovy, PowerShell, BAT/CMD, BASH/SH, f# Script, f#()。. NET Core)， c# Script, c#(。.NET Core)、VBScript、TypeScript、CoffeeScript、Scala、Swift、Julia、Crystal、OCaml Script、R、AppleScript、Elixir、Visual Basic .NET、Clojure、Haxe、Objective-C、Rust、Racket、Scheme、AutoHotkey、AutoIt、Kotlin、Dart、Free Pascal、Haskell、Nim、D、Lisp、Kit、V、SCSS、Sass、CUDA、Less、Fortran、Ring、Standard ML、Zig、Mojo和自定义命令

8. Code Spell Checker

一个基本的拼写检查器，可以很好地处理代码和文档。

9. CodeGeeX: AI Code AutoComplete, Chat, Auto Commentv2.

CodeGeeX是一个功能强大的基于llm的智能编程助手。它提供了代码生成/完成、注释生成、代码翻译和基于ai的聊天等功能，帮助开发人员显著提高工作效率。CodeGeeX支持多种编程语言。

10. CodeSnap

在VS code中截取漂亮的代码截图!

11. Color Picker

帮助GUI生成颜色代码，如CSS颜色符号。并且，转换颜色命令更改颜色表示法。

12. CSS Peek

这个扩展扩展了HTML和ejs代码编辑与转到定义和转到符号在工作区支持css/scss/less(类和id)在源代码中的字符串中找到。

13.Easy LESS

保存时自动编译LESS为CSS

14. Easy Sass

自动将SASS/SCSS文件编译为。css和。min.css。您还可以快速编译项目中的所有SCSS/SASS文件。

15.ESLint

将ESLint集成到VS Code中。

16. Formate: CSS, LESS and SCSS Formatter

VSCode插件来格式化你的CSS / LESS和SCSS文件，可以垂直对齐属性。请参见图片中的演示。

17. Git Graph

查看存储库的Git图，并轻松地从图中执行Git操作。可配置的看你想要的方式!

18. Git History

查看git日志，文件历史，比较分支或提交

19. Git History Diff

查看git历史记录。查看提交细节。查看已提交文件的diff。查看git信息。查看存储库的详细信息。

20. glTF Tools

预览和调试glTF 3D模型直接在编辑器

21. GraphQL

GraphQL查询和模式的语法高亮显示

22. Highlight Matching Tag

突出显示匹配的结束和开始标记

23.HTML CSS Support

Visual Studio Code的HTML id和类属性支持。

24. i18n Ally

所有在一个i18n扩展VS Code

25. Image preview

在gutter和hover中显示图像预览

26. Import Cost

在编辑器中显示import/require包的大小

27. IntelliCode

现在只支持typescript和javascript补全。

28. IntelliSense for CSS class names in HTML

一个Visual Studio Code扩展，它根据在工作空间或通过link元素引用的外部文件中找到的定义，为HTML类属性提供CSS类名补全。

29. JavaScript (ES6) code snippets

一个Visual Studio Code扩展，它根据在工作空间或通过link元素引用的外部文件中找到的定义，为HTML类属性提供CSS类名补全。

30.JavaScript和TypeScript Nightly

VS Code扩展，支持TypeScript的夜间构建(typescript@next)，作为VS Code的内置TypeScript版本，用于支持JavaScript和TypeScript智能感知。

31. JSON to TS

将JSON对象转换为typescript接口

32. Live Server

启动具有静态和动态页面实时重新加载功能的本地开发服务器。

33. Live Share

Visual Studio Live Share使您能够与他人实时协作编辑和调试，无论您使用何种编程语言或正在构建何种应用程序类型。它允许您即时(和安全)共享您当前的项目，然后根据需要，共享调试会话，终端实例，本地主机web应用程序，以及更多!加入您的会话的开发人员从您的环境中接收所有编辑器上下文(例如语言服务，调试)，这确保他们可以立即开始高效地协作，而无需克隆任何repos或安装任何sdk。

34. LottieFiles for VSCode

查看和编辑Lottie和dotLottie文件

35. Markdown All in One

所有你需要Markdown(键盘快捷键，目录，自动预览和更多)。

36. Markdown PDF

这个扩展将Markdown文件转换为pdf, html, png或jpeg文件。

37. Markdown Preview Enhanced

Markdown预览增强移植到vscode

38. markdownlint

visualstudiocode的降价检查和样式检查

39. Mintlify Doc Writer for Python, JavaScript

为JavaScript, Python, Java, Typescript &编写AI支持的文档