Vscode——开发常用插件分享

10月前作者：北冥有大鹏分类：Toy博客阅读(40) 违法举报

这篇具有很好参考价值的文章主要介绍了Vscode——开发常用插件分享。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

一、使用vscode插件干什么？

vscode插件是为了更高效的代码开发，为了美观的代码格式。

下面推荐一些好用的插件

1.简体中文语言包

插件名称：Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code
作用：将VSCode操作界面转换为中文，安装完成，重启VScode即可
Vscode——开发常用插件分享

2.显示文件图标

插件名称：vscode-icons
作用：vscode中的文件管理的树目录显示图标
Vscode——开发常用插件分享

3.Live Server 开启本地服务器

插件名称：Live Server
作用：开启一个具有实时重新加载功能的小型开发服务器，可以一边编写代码一边保存，即实时刷新预览
Vscode——开发常用插件分享

4.自动修改标签对名称

插件名称：Auto Rename Tag
作用：修改标签，自动帮你完成头部和尾部闭合标签的同步修改
Vscode——开发常用插件分享

5.将代码生成一张图片

插件名称：carbon-now-sh
作用：在实际开发中遇到技术问题或者做部分代码片段分享，可以使用该插件将代码生成一张图片
1.在VSCode中，先选中需要生成图片的代码
2.打开命令托盘：Windows：Ctrl + Shift + P，Mac：Cmd + Shift + P
输入Carbon，回车
3.再打开的网页中，复制粘贴即可
Vscode——开发常用插件分享

6.prettier 格式化代码

插件名称：prettier
作用：格式化美化代码，按Ctrl + s 保存会自动格式化
Vscode——开发常用插件分享

7.自动补全标签

插件名称：Auto Close Tag
作用：自动补全结束标签
Vscode——开发常用插件分享

8.Beautify 格式化

插件名称：Beautify
作用：可格式化css,js,less代码
Vscode——开发常用插件分享

9.Code Spell Checker 拼写检测

插件名称：Code Spell Checker
作用：帮助我们发现代码中拼写错误的单词
Vscode——开发常用插件分享

10.HTML Snippets

插件名称：HTML Snippets
作用：HTML代码片段，该插件可为你提供html标签的代码提示，不用键入尖括号了
Vscode——开发常用插件分享

11.Path Intellisense 路径提示

插件名称：Path Intellisense
作用：自动提示文件路径，支持各种快速引入文件
Vscode——开发常用插件分享

12.Image preview 图片预览

插件名称：Image preview
作用：鼠标悬浮在链接上可及时预览图片
Vscode——开发常用插件分享

13.JavaScript (ES6) code snippets

插件名称：JavaScript (ES6) code snippets
作用：ES6语法智能提示，以及快速输入
Vscode——开发常用插件分享

14.TSLint

插件名称：TSLint
作用：ts的书写规范，这个插件是一个系列，同时还提供了TSLint (deprecated)，TSLint Vue，TSLint Vue-TSX
Vscode——开发常用插件分享

15.koroFileHeader

插件名称：koroFileHeader
作用：用于生成文件头部注释和函数注释的插件
Vscode——开发常用插件分享

16.GitLens

插件名称：GitLens
作用：能显示每一行代码的作者以及提交时间。
Vscode——开发常用插件分享

17.GitHistory

插件名称：GitHistory
作用：GitHistory可查看和搜索git日志以及图形和详细信息，同时还支持分支比较，分支管理等操作，非常方便
Vscode——开发常用插件分享

18.Partial Diff 文件比较

插件名称：Partial Diff
作用：将文件进行对比
Vscode——开发常用插件分享

19.Polacode-2020(类似第五个插件)

插件名称：Polacode-2020
作用：代码转化成图片
1.在VSCode中，先选中需要生成图片的代码
2.打开命令托盘：Windows：Ctrl + Shift + P 输入polacode
Vscode——开发常用插件分享

20.browser preview 内置浏览器

插件名称：browser preview
作用：可以让我们在vscode里面打开浏览器，一边编码一边查看
Vscode——开发常用插件分享

21.Settings Sync

插件名称：Settings Sync
作用：可以让我们的vscode配置同步到云端，当我们跟换电脑或者再次安装vscode的时候，只需要登录账号即可同步配置了
Vscode——开发常用插件分享

22.Vetur

插件名称：Vetur
作用：Vetur是一款Vue代码高亮显示的一款插件
Vscode——开发常用插件分享

23.Vue 3 Snippets

插件名称：Vue 3 Snippets
作用：这是一款在 Vue 2 或者 Vue 3 开发中提供代码片段，语法高亮和格式化的 VS Code 插件，能极大提高你的开发效率。
Vscode——开发常用插件分享

24.Rainbow Brackets

插件名称：Rainbow Brackets
作用：不同颜色的括号插件
Vscode——开发常用插件分享

25.HTML CSS Support

插件名称：HTML CSS Support
作用：在编写样式表的时候，自动补全功能大大缩减了编写时间
Vscode——开发常用插件分享

26.Highlight Matching Tag

插件名称：Highlight Matching Tag
作用：html标签对齐高亮
Vscode——开发常用插件分享

27.px to rem & rpx (cssrem)

插件名称：px to rem & rpx (cssrem)
作用：px转rem插件
Vscode——开发常用插件分享文章来源地址https://www.toymoban.com/news/detail-435197.html

到了这里，关于Vscode——开发常用插件分享的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

vscode vue3开发常用插件（附Prettier格式化配置）

1、Chinese (Simplified) (简体中文) Language 2、Prettier - Code formatter 3、Vue 3 Snippets 4、Vue Language Features (Volar) 5、git graph 5、Auto Close Tag 6、Vue Theme 按ctrl+shift+p，搜索setting进入用户设置（全局），添加下面规则：需要注意的是，prtttier格式化可以配置在很多文件上，配置字段也不太一样

2024年02月14日
浏览(60)
Visual Studio Code 常见的配置、常用好用插件以及【vsCode 开发相应项目推荐安装的插件】

把插件的更新也一起取消了字体对开发也很重要，不同字体，字母形态都不太一样，尤其是标点符号，逗号和分号的区分，有的字体看着这两者就很像这样打开了很多个文件，就不会导致有的打开的文件被隐藏相当于idea 查看当前类或接口的结构 Structure 支持快捷键与鼠标右

2023年04月16日
浏览(100)
Linux下使用VScode开发ROS时clangd插件的使用

本人在最近刚开始接触Linux和ROS开发，在开发过程中发现，微软的C/C++的intelliSense的代码补全，纠错等功能是真的难用，恰好有学长跟我提起了clangd这个东西，而且以前用clion去写一些小的C/C++工程，想着怎么去配置一下在vscode上使用clangd，让自己写代码更舒服一些（主要是太

2024年02月02日
浏览(40)
VSCode使用Makefile Tools插件开发C/C++程序

提起Makefile，可能有人会觉得它已经过时了，毕竟现在有比它更好的工具，比如CMake，XMake，Meson等等，但是在Linux下很多C/C++源码都是直接或者间接使用Makefile文件来编译项目的，可以说Makefile是基石。另外，针对C++ 20的一些特性，像比较流行的CMake工具，目前支持还不完善，如

2024年01月22日
浏览(41)
【工具】vscode的常用插件之注释插件

🐚作者简介：花神庙码农（专注于Linux、WLAN、TCP/IP、Python等技术方向） 🐳博客主页：花神庙码农，地址：https://blog.csdn.net/qxhgd 🌐系列专栏：善假于物 📰如觉得博主文章写的不错或对你有所帮助的话，还望大家三连支持一下呀！！！ 👉关注✨、点赞👍、收藏📂、评论。

2024年02月05日
浏览(55)
VScode常用的插件

VScode作为代码编辑器，通过插件的形式，实现IDE的功能，但不仅限于IDE，可以做的事太多了，灵活，轻巧，深受广大程序员的喜爱。下面推荐一些本人在实际开发过程中常用的一些插件。 C/C++，这个肯定是必须的。 C/C++ Snippets，即 C/C++重用代码块。 C/C++ Advanced Lint, 即 C/C++静

2024年02月01日
浏览(30)
VSCode 常用插件集合

Chinese (Simplified) (简体中文) 此中文（简体）语言包为 VS Code 提供本地化界面。 Native Debug 本地VSCode调试器。 CodeLLDB 一个由LLDB提供支持的本地调试器。调试c++， Rust等编译语言。 Tabnine 基于 AI 的自动补全，可以帮助你更快地撰写代码。 rust-analyzer 这个扩展提供了对Rust编程语言

2024年02月16日
浏览(40)
vscode实用配置、常用插件

一、配置自动保存文件--首选项--设置--输入“自动保存” 在Files:Auto Save中选择afterDelay 在Files: Auto Save Delay中配置延迟保存的时间二：插件vetur 常用功能： 1、使.vue代码高亮安装激活vetur插件, 代码就有高亮，显示彩色不仅仅vue文件，vetur还支持很多语言的代码高亮，如下

2024年02月09日
浏览(42)
vscode 常用插件

Vue Volar extension Pack Vue 3 Snippets Vue Peek React Extension Pack IntelliCode Node.js Modules Intellisense Move TS - Move TypeScript TypeScript Importer json2ts Material Icon Theme 文件类型图标 gitignore Formatting Toggle

2024年02月09日
浏览(38)
VSCode 常用插件推荐

VS Code提供了非常丰富的插件功能，根据你的需要，安装对应的插件可以大大提高开发效率。完成前端开发，常见插件介绍：目录 1、Chinese (Simplified) Language Pack 2、Code Spell Checker 3、HTML CSS Support 4、JavaScript (ES6) code snippets 5、Mithril Emmet 6、Path Intellisense 7、Vue 3 Snippets 8、VueHelp

2024年02月06日
浏览(38)