vscode 插件--汉化、主题、字体

水深无声 2022-12-05 00:58 247阅读 0赞

### **一、汉化中文（官方下载默认为英文，英文好的小伙伴可直接跳过这步）** ###

点击插件按钮搜索 **Chinese**, 在弹出的选项中选择第一个中文简体

![format_png][]

然后右边会弹出如下图安装界面，接着点击 **Install **安装

![format_png 1][]

安装完毕后会有如下提示**（主要提醒你安装完中文简体汉化包后一定要重启方可生效）**

![format_png 2][]

### 二、主题 插件 ###

**1、Super One Dark Theme**

点击插件按钮搜索 Super One Dark Theme, 在弹出的选项中选择安装

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTI3MzI5MDk_size_16_color_FFFFFF_t_70][]

**2. One Dark Pro**

One Dark Pro的主题界面效果如下（推荐指数5星） [One Dark Pro][]

![format_png 3][]

**3、[Dracula][]**

目前我觉得是vscode上最漂亮的主题,vscode 1.11+允许自定义statusBar等全局ui后,该主题也跟进改了很多小细节,良心!~

![format_png 4][]

**4. Eva Theme**

Eva Theme的主题界面效果如下（推荐指数5星） [Eva Theme][]

![format_png 5][]

**5. Material Palenight Theme**

Material Palenight Theme的主题界面效果如下（推荐指数5星） [Material Palenight Theme][]

![format_png 6][]

> 更多Visual Studio Code 主题插件请参考[VS Code Downloads][]

###  **三、字体** ###

**1、Source Code Pro**

这款来自Adobe的开源字体，是我的最爱。文件--首选项--设置

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTI3MzI5MDk_size_16_color_FFFFFF_t_70 1][]

![format_png 7][]

Source Code Pro

**2、Menlo**

![format_png 8][]

Menlo

**3、Consolas**

![format_png 9][]

Consolas

**4、Monaco**

![format_png 10][]

Monaco

**5、Courier New**

![format_png 11][]

参考：

[vscode 插件推荐 - 献给所有前端工程师][vscode _ -]

[format_png]: /images/20221123/11445c6e83a24f82b81eb2858a5ac7b0.png
[format_png 1]: /images/20221123/b42c63c7b6364e7098c5417bdd478cd9.png
[format_png 2]: /images/20221123/6990203d6f8c426fa4a0cb82236ec400.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTI3MzI5MDk_size_16_color_FFFFFF_t_70]: /images/20221123/f3511396c2fa404188d7f4ee546e2e72.png
[One Dark Pro]: https://link.juejin.im/?target=https%3A%2F%2Fmarketplace.visualstudio.com%2Fitems%3FitemName%3Dzhuangtongfa.Material-theme
[format_png 3]: /images/20221123/5879467ec8cb4fb0af934db2f674d428.png
[Dracula]: https://draculatheme.com/visual-studio-code/
[format_png 4]: /images/20221123/d314b10516b64797b65ed2eacc431b3d.png
[Eva Theme]: https://link.juejin.im/?target=https%3A%2F%2Fmarketplace.visualstudio.com%2Fitems%3FitemName%3Dfisheva.eva-theme
[format_png 5]: /images/20221123/dab9cd0820a447909c318b76c16d78f8.png
[Material Palenight Theme]: https://link.juejin.im/?target=https%3A%2F%2Fmarketplace.visualstudio.com%2Fitems%3FitemName%3Dwhizkydee.material-palenight-theme
[format_png 6]: /images/20221123/66da9abfd781415a9fb4f023c41da5d3.png
[VS Code Downloads]: https://link.juejin.im/?target=https%3A%2F%2Fmarketplace.visualstudio.com%2Fsearch%3Ftarget%3DVSCode%26category%3DThemes%26sortBy%3DDownloads
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTI3MzI5MDk_size_16_color_FFFFFF_t_70 1]: /images/20221123/e6e763e7b37f45d3b222d74e78d76513.png
[format_png 7]: /images/20221123/d1636047d963444582453a5b9b3d3de6.png
[format_png 8]: /images/20221123/420419b666224680ada81911d3b88353.png
[format_png 9]: /images/20221123/f219b6414ce243e5a7215cb601cb6992.png
[format_png 10]: /images/20221123/ce03af107568477a82b6d2a071a68374.png
[format_png 11]: /images/20221123/eb04b1d7a018491e9381e5376001ce2e.png
[vscode _ -]: https://www.cnblogs.com/vivaxiaonan/p/7380099.html