前言
工欲善其事,必先利其器。
VS Code 作为当前最流行的开源代码编辑器之一,要说它为什么这么受大众喜爱,我觉得一是它现代化的界面,二是它强大的扩展系统。
得益于 VS Code 的扩展系统,我们可以给编辑器加上各种“Buff”,让它变成自己想要的样子:
装上实用的工具,提高我们的工作效率;
换上美观的主题,要对自己的眼睛好一点;
换上漂亮的字体,代码也要和本人一样帅气。
商店中的扩展五花八门啥都有,不仅有各种实用的工具和漂亮的主题,也有很多没什么用但是特别有意思的玩意儿~
下面就给小伙伴们推荐几个我在用且觉得不错的扩展、主题和字体叭~
正文
扩展
Settings Sync
【设置同步】
只需一个 Github 账号就可以在不同的设备之间同步 VS Code 的设置、插件和主题等项目。
绝对的神器!我在 VS Code 没有同步功能之前就一直在用 Settings Sync 来进行多端同步,官方的同步功能开放之后也选择继续用这个插件,个人觉得 Settings Sync 用起来比官方的同步系统的方便。
![](https://i-blog.csdnimg.cn/blog_migrate/5b77fdbb983a4e7acad36bcb0a07c69d.png)
详情地址:https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync
Code Spell Checker
【代码拼写检查器】
装上之后自动检查代码中的单词拼写,当拼写错误时底部会有波浪线提示,展开提示还有单词建议,如果是自定义词汇还可以添加到个人或项目词库。
在主流编程语言都使用英语的环境下,项目代码中必然会用到大量英语词汇,即使是使用英语为母语的人也难免会有手抖拼错单词的情况出现。
有了这个扩展之后就可以完美避免这种写者尴尬见者偷笑的情况,妈妈再也不担心我拼错单词被人笑啦!
![](https://i-blog.csdnimg.cn/blog_migrate/02046966ce4eda4cc87bb070c4e220e0.png)
详情地址:https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker
Bracket Pair Colorizer 2
【括号对着色器 2】
给代码中结对的括号([]
、{}
和 ()
)上色,支持红黄蓝三种颜色。
在实际的项目代码中难免会有各种括号和各种嵌套,随着代码量的增加,阅读难度也随之增加。
有了这个扩展,让你可以轻松辨别嵌套中的不同层级,拯救你的双眼。
![](https://i-blog.csdnimg.cn/blog_migrate/a061af0d4e3466d92d521dbd7d1100ad.png)
详情地址:https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer-2
GitLens
【Git 透镜】
这个扩展用于增强 VS Code 内置的 Git 功能,可以让你快速查看每一行代码的修改时间和编辑者,以及进行文件的版本对比。
对于多人协作的项目非常有用,出了问题可以快速找到罪魁祸首,妈妈再也不用担心我背黑锅啦(逃)~
![](https://i-blog.csdnimg.cn/blog_migrate/a88af67bb73c564095c43deedf018026.png)
详情地址:https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens
Code Runner
【代码运行器】
可以在 VS Code 中运行代码片段和代码文件,支持绝大部分编程语言。
很好用的一个工具类的扩展,在开发中想要测试一些代码片段时极为方便快捷!
![](https://i-blog.csdnimg.cn/blog_migrate/1ca14d19e6a6650fb14bae7c044a9e42.png)
详情地址:https://marketplace.visualstudio.com/items?itemName=formulahendry.code-runner
主题
One Dark Pro
源自 Atom 的标志性主题,是 VS Code 中安装量最多的颜色主题(确定没有之一)。
最爱的颜色主题,没有之一!
![](https://i-blog.csdnimg.cn/blog_migrate/5d9c9e4918893005083d6f3b15a843ee.png)
详情地址:https://marketplace.visualstudio.com/items?itemName=zhuangtongfa.Material-theme
vscode-icons
VS Code 中安装量最多的文件图标主题(确定也没有之一)。
最爱的文件图标主题,没有之一!
![](https://i-blog.csdnimg.cn/blog_migrate/bc436ea3392cc06ac3c0276d7f0263dd.png)
详情地址:https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons
字体
首先 macOS 自带的字体就很舒服,所以以下字体主要是推荐给使用 Windows 的小伙伴们~
先附上我的字体设置,英文用 Cascadia Code,中文用黑体,是它们拯救了我的钛合金狗眼:
![](https://i-blog.csdnimg.cn/blog_migrate/2b454d034717e6acb5fe56be81356007.png)
Cascadia Code
由微软在 Build 2019 大会上开源的一款编程字体,支持连体字(Ligatures),与其一同发布的 Windows Terminal 默认的字体就是这款。
我从发布以来就一直在用这款字体,个人觉得看起来很活泼,很圆润,很舒服。
![](https://i-blog.csdnimg.cn/blog_migrate/a6f67ed6f5de5cf76575a58863799fb2.png)
详情地址:https://github.com/microsoft/cascadia-code
Source Code Pro
由 Adobe 设计并开源的一款字体,没有 Cascadia Code 那么圆润,也不支持连体字,不过比默认的 Consolas 好多了。
不喜欢圆润和连体字的小伙伴可以试试这款~
![](https://i-blog.csdnimg.cn/blog_migrate/d857fcb982254956e0d7baa7fff3b191.png)
详情地址:https://github.com/adobe-fonts/source-code-pro
黑体
Windows 内置就有的字体。
原来的宋体中文注释之后太辣眼睛了,换了黑体之后不仅眼神好了,心情都舒畅了~
![](https://i-blog.csdnimg.cn/blog_migrate/e671be0f56b1df504b7081a72609281c.png)
没有详情地址,在 VS Code 里直接设置 '黑体'
就好了~
最后,插播两条社区开发者的新作品
新品上架,5折活动中
游戏开发,技术变现