vscode中⽂⽂档_VSCode插件那点事
VSCode，即Visual Studio Code，是由微软开发的⼀款免费、⽀持跨平台的⽂本编辑器。它以其卓越的性能和丰富的功能深受⼤家的喜爱。
与⼤多数的IDE相同，VSCode也带有⼀个主题与扩展市场，市场⾥含有数以万计质量各不相同的插件。本⽂总结了⼀些实⽤且⾼效的前端插件，供⼤家选择。
vscode-icons
为创建的⽂件夹及⽂件添加相应的icon（最低⽀持版本：1.18.1）
Chinese (Simplified) Language Pack for Visual Studio Code
此中⽂（简体）语⾔包为 VS Code 提供本地化界⾯
Beautify
美化VS Code中JavaScript、JSON、CSS、Sass和HTML代码Auto Close Tag
⾃动添加HTML / XML关闭标记
如要在</键⼊时⾃动添加关闭标记，请将以下配置设置为true：
{
"auto-close-tag.SublimeText3Mode": true
}
Auto Rename Tag
⾃动重命名配对的HTML / XML标记（同样也适⽤于⾃定义组件）
Bracket Pair Colorizer
允许使⽤颜⾊标识匹配的括号，让你不在为括号繁多的情况下寻相互匹配的⼀组⽽烦恼，此扩展直吹⾃定义要匹配的字符以及要使⽤的颜⾊，配置⽅法请点击：
Bracket Pair Colorizer m arketplace.visualstudio
Color Highlight
此插件设置了⽂档中的css/web颜⾊样式，使得颜⾊⾼亮，易于分辨。
Highlight Matching Tag
突出显⽰匹配的打开或关闭标记
此扩展程序尝试从标记属性、内部字符串、任何⽂件进⾏匹配，同时还提供⼴泛的样式选项以⾃定义标记的突出显⽰⽅式。配置⽅法请点
visual studio和vs code的区别
击：
Highlight Matching Tag m arketplace.visualstudio
LIT-HTML
为JavaScript和TypeScript标记模板字符串中的html添加语法突出显⽰和语⾔⽀持
Reactjs code snippets
Reactjs 代码⽚段，五星扩展。Trigger与tab键的优美结合，能为您节省较多的开发时间。
ESLint
ESLint 是⼀个ECMAScript/JavaScript 语法规则和代码风格的检查⼯具，其⽬标是使代码更加 ⼀致 并 避免错误。关于ESLint规则可参考如下：
List of available rules
filesize
在编辑器的状态栏中显⽰焦点⽂件的⼤⼩
Git History
以图表的形式查看git⽇志；查看该⽂件的上⼀个副本；查看⼀个或所有分⽀、⽂件、⽂件中⼀⾏及作者的历史记录；⽐较分⽀、提交及提交中⽂件等。
Image preview
在⿏标悬停在url上或在装订线中预览图像

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。