VS Code 10款超好用插件
“VS Code 写代码是真好用、真爽。”
下面介绍10款超好用的插件,保证让大家能快速上手、效率加倍。
![](https://www.techfm.club/wp-content/themes/CorePress/static/img/loading.gif)
Chinese(Simplified) Language Pack for Visual Studio Code
Microsoft
29,366,343 下载量
安装之后一秒汉化 VS code ,再也不用担心看不懂英文。
![](https://www.techfm.club/wp-content/themes/CorePress/static/img/loading.gif)
City Lights theme
Yummygum
248,030 下载量
这是一个不错的主题插件,不过挑选主题还是看个人,也可以在直接搜索 “theme”能得到很多主题,找到合适自己的。
![](https://www.techfm.club/wp-content/themes/CorePress/static/img/loading.gif)
Beautify
HookyQR
9,950,974 下载量
可以放大标记,调整代码间距,快速格式化代码,可以让杂乱的 HTML、CSS、JS代码瞬间变得整齐,利于他人阅读,也方便后期维护。
![](https://www.techfm.club/wp-content/themes/CorePress/static/img/loading.gif)
vscode-icons
VSCode Icons Team
17,030,033 下载量
设置文件图标,根据各种类型的文件,设置对应的文件图标,我们看文件列表的时候,一目了然,能快速找到需要的文件(特别是文件多,类型也多的时候)。
![](https://www.techfm.club/wp-content/themes/CorePress/static/img/loading.gif)
Image preview
Kiss Tamás
2,128,622 下载量
光标悬浮在图片路径上时,显示图片预览,这样我们在敲代码的时候一下子就能知道有没有引用了正确的图片或图标。
![](https://www.techfm.club/wp-content/themes/CorePress/static/img/loading.gif)
Code Spell Checker
Street Side Software
9,575,127 下载量
我们日常敲代码很多命名都是使用英文单词,粗心的小伙伴可能会拼错,这个插件就是单词拼写错时的拯救神器,它可以标志错的单词,还可以提示单词的正确拼法。有了它,就再也不用因为单词拼错找半天的 bug 了
![](https://www.techfm.club/wp-content/themes/CorePress/static/img/loading.gif)
Live Server
Ritwick Dey
45,092,797 下载量
做前端开发的时候,我们需要打开浏览器进行预览和调试页面。这个插件就可以实现静态、动态页面的实时预览,保存就能看见页面更新,不需要手动去刷新。
![](https://www.techfm.club/wp-content/themes/CorePress/static/img/loading.gif)
indent-rainbow
oderwat
6,967,810 下载量
写代码的时候,能提示我们的缩进是否到位,每步交替四种不同的颜色,没有到位的话颜色变红,看着代码整整齐齐的就很舒心。
![](https://www.techfm.club/wp-content/themes/CorePress/static/img/loading.gif)
Rainbow Brackets
Mhammed Talhaouy
219,150 下载量
为圆括号,方括号和弯曲的括号提供彩色;相同颜色表示相同级别的括号,孤立的右括号以红色突出显示,对写 JavaScript 的人比较有用。
![](https://www.techfm.club/wp-content/themes/CorePress/static/img/loading.gif)
Polacode-2022
Jeff Hykin
172,787 下载量
可以把代码保存成美观的图片,主题不同,代码配色方案也不同,也可以自己设置边框颜色、大小、阴影,在教程或者文档中提供代码示例时挺有用的。
安装插件步骤:
- 扩展 => 搜索插件 => 安装 => 重启 VS Code
共有 0 条评论