VS Code | 一些好看、舒心的扩展
写在前面:
国庆假期到了,恰好这几天弄了一下 VS Code 的配置,就顺便记录一下吧。
主要是配置 中文显示、Hopscotch、One Dark Pro 和 vscode-icons 插件。
1. 中文显示:
刚安装完VS Code的时候,默认是英文的,对于像我英语不太好的小伙伴来说,可能不太喜欢。既然不喜欢,我们肯定会想到 汉化版 / 中文版。
VS Code要 显示成中文,只需要安装插件——Chinese (Simplified) Language。

安装好之后怎么修改呢?我们需要按住快捷键 Ctrl+Shift+P
打开命令面板,然后输入 language
,选择 Configure Display Language
,最后选择 zh-cn
即可。
反过来,要转换回英文,跟上面一样的操作,只是在最后需要选择en
。


2. 代码长度显示虚线:
我们在学习写代码的第一天开始,就有前辈教导我们代码长度要控制到 80 以内。虽然现在显示器越来越大,但是代码长度还是要做一些控制为好。
那么需要怎么做呢?很简单,我们只需要打开Settings.json
文件,然后在里面添加"editor.rulers": [120],
就行。这里我配置的长度是 120 ,会在编辑器 120 处有一条竖着的虚线,非常的直观。

3. 代码颜色:
如果你想让 def
和 class
显示 不同的颜色,那么就需要安装一个插件来解决了,这个插件就是——Hopscotch。

4. 主题:
VS Code自带的主题用着怎么也不爽(其实也还可以),所以想着换一个。找了很久之后,遇到了 One Dark Pro。
安装之后在主题里面选择 One Dark Pro 即可。

显示图标:
文件图标集,支持绝大部分文件类型,给不同类型的文件显示不同的图标。需要安装插件——vscode-icons。


图片来源:配置VSCode舒心的写Python代码
写在最后:
参考资料:
国庆假期开始啦,在放松的同时,也需要不断学习。