自用 VS Code 插件推荐作为全栈开发，这些VSCode插件真的提升了我的效率之前写过IDEA的插件推荐，今天想继续聊聊VSCode的插件。说实话，VSCode和IDEA我都在用，分工不同：IDEA写Java，VSCode写前端。VSCode的插件生态很丰富，这几个插件是我离不开的。
一、Bracket Pair Colorizer / Bracket Pair Colorizer 2：括号颜色区分
写代码的时候，括号太多很容易搞混，这个插件可以给不同层级的括号加上不同的颜色。写Vue模板的时候，HTML标签嵌套很深，经常分不清哪个标签对应哪个闭合标签。装上这个插件后，括号和标签都有颜色区分，一眼就能看出来。还有写JavaScript的箭头函数的时候，有时候会嵌套多层，有了这个插件，再也不用担心括号配对的问题了。配合"Ctrl+]"快捷键，可以快速跳转到匹配的括号二、GitLens：查看代码变更记录
这个插件可以让你在代码旁边看到是谁改的、什么时候改的，方便追踪代码变更。做代码Review的时候，经常需要知道某一行代码是谁写的、为什么这么写。以前只能用git blame命令，现在直接在VSCode里就能看到。还有一次，我发现一个bug，想知道是哪个版本引入的，用GitLens看了一下历史记录，很快就找到了问题所在。三、Import Cost：查看导入包的大小
这个插件可以在导入语句旁边显示包的大小，帮助你优化前端项目的体积。以前写前端项目的时候，经常会引入一些很大的第三方库，但不知道具体有多大。装上这个插件后，每次导入包都会显示大小，超过一定大小还会标红警告。有一次，我引入了一个UI组件库，Import Cost显示有500KB，后来我换成了按需引入，体积一下子降到了50KB。默认会显示包的大小，超过25KB标黄，超过50KB标红四、Highlight Matching Tag：高亮匹配标签
写HTML或Vue模板的时候，选中一个标签，它会自动高亮对应的闭合标签。写长页面的时候，HTML标签嵌套很深，经常找不到对应的闭合标签。装上这个插件后，选中开始标签，结束标签会自动高亮，非常方便。还有一次，我写了一个很复杂的表单，有十几个输入框，标签配对乱了，用这个插件很快就找到了问题。五、Chinese：中文语言包
说实话，我刚开始用VSCode的时候，英文界面确实有点不习惯。特别是一些设置项，找半天找不到。后来装上中文语言包，界面变成中文，找设置项方便多了。不过现在我已经习惯了英文界面，反而觉得中文界面有些术语翻译得不太准确。所以我建议新手可以先用中文界面，熟悉之后再换成英文。如果觉得中文翻译不好，可以切换回英文，只保留部分中文注释六、Error Gutters：代码错误提示
这个插件可以在代码旁边显示错误和警告的图标，方便你快速发现问题。以前写代码的时候，经常要等编译才能发现错误。装上这个插件后，写代码的时候就能实时看到错误提示，非常方便。有一次，我写了一个拼写错误的变量名，Error Gutters马上就在旁边标红了，我及时修正了。七、Color Info：颜色信息提示
这个插件可以在颜色值旁边显示颜色的预览和详细信息。写CSS的时候，经常会用到颜色值，有时候记不清具体是什么颜色。装上这个插件后，把鼠标悬停在颜色值上，就能看到颜色的预览和详细信息。还有一次，我在调试样式的时候，需要对比两个相近的颜色，用这个插件一眼就能看出差别。VSCode的插件很多，但我用的就这几个。装太多插件反而会影响性能，够用就行。你平时用什么VSCode插件？有什么好用的推荐吗？欢迎在评论区分享！
夜雨聆风