代码字体:如何快乐的写代码,让Visual Studio Code更加赏心悦目,主题+字体-字体教程免费ppt模版下载-道格办公
投稿
  1. JustNews首页
  2. 字体教程
  3. 如何快乐的写代码,让Visual Studio Code更加赏心悦目,主题+字体

如何快乐的写代码,让Visual Studio Code更加赏心悦目,主题+字体

作者: 道格办公 • • 字体教程 • 浏览量 770

大的扩展生态系统和可定制性使其成为许多开发者选择的首选工具之一。以下是一些建议，可以让您在使用Visual Studio Code编写代码时更加快乐和舒适。 1. 安装主题：选择一个适合您的口味和喜好的主题可以让您的编码环境更加赏心悦目。在VSCode中，您可以通过点击左侧的扩展图标，在搜索栏中输入"themes"来浏览和安装不同的主题。一些受欢迎的主题包括Dracula、One Dark Pro、Material Theme等。 2. 选择合适的字体：选择一个易于阅读和舒适的字体对于长时间编写代码非常重要。VSCode支持各种字体，您可以在设置中进行配置。打开设置（通过按下`Ctrl + , `或者点击左下角的齿轮图标），搜索"font"，然后调整"Editor: Font Family"设置以选择您喜欢的字体。一些常见的字体包括Fira Code、Consolas、Monaco等。 3. 使用代码片段：VSCode的代码片段功能可以帮助您更快地编写代码。它允许您定义自己的代码模板，然后通过输入与模板关联的触发词来快速插入代码。您可以通过在VSCode中按下`Ctrl + Shift + P`并搜索"Preferences: Configure User Snippets"来创建和编辑代码片段。 4. 安装适合您的语言的插件：VSCode有一个庞大的插件生态系统，针对不同的编程语言和框架提供了许多有用的插件。安装与您当前项目相关的插件可以提高工作效率，并为您的开发环境增添功能。您可以通过在VSCode中按下`Ctrl + Shift + X`或者点击左侧的扩展图标来浏览和安装插件。 5. 自定义快捷键：VSCode允许您自定义快捷键，以便更快地访问常用的命令和功能。您可以通过点击左下角的齿轮图标，然后选择"Keyboard Shortcuts"来配置和修改快捷键。 6. 使用调试器：VSCode内置了强大的调试功能，可帮助您快速识别和解决代码中的问题。学习如何配置和使用调试器可以使您更高效地调试代码，并确保代码质量。 以上是一些可以让您在使用Visual Studio Code时更加快乐的建议。记住，每个人的喜好和习惯都不同，所以不妨尝试不同的设置和扩展，找到适合自己的工作方式。祝你编码愉快！

介绍

对于VSCode我相信我就不用多说了,现如今几乎所有开发者或者说前端开发者应该都知道VSCode这一款微软开源免费跨平台的代码编辑器或者说轻量级IDE,其强大的扩展生态给VSCode提供了无限的活力,丰富的插件让VSCode更加灵活和强大!




主题

今天文章的主题是打造高颜值的VSCode,那么我们得从主题和字体两方面来进行,接下来就来看一看有哪些值得使用的主题插件

  • Noctis

Noctis是笔者使用最多的一个主题,或许这只是个人感觉,但是确实看上去就是好看,Noctis是光与暗的主题有一个很好的平衡混合的冷暖中等对比度的颜色的集合。

这个主题的目的是：

1、是容易对眼睛从而减少眼睛疲劳

2、给语义到主题的颜色

（字体是收费字体，就不介绍了）

https://marketplace.visualstudio.com/items?itemName=liviuschera.noctis










  • Slack Theme

Slack 有着非常具有标识度的配色方案：深紫色 / 浅绿色 / 明白色

https://marketplace.visualstudio.com/items?itemName=felipe-mendes.slack-theme





  • Material Theme

这是一款网上包括我自己用的比较多的一款主题,不多介绍,看图(暗色系和亮色系各截图一个)

https://marketplace.visualstudio.com/items?itemName=Equinusocio.vsc-material-theme



  • Dracula

一个黑暗的主题为Visual Studio Code和89+的应用而生

https://marketplace.visualstudio.com/items?itemName=dracula-theme.theme-dracula
https://draculatheme.com/visual-studio-code/


  • Eye Care Themes

专为护眼而打造的专用主题，只为让眼睛更舒服



字体

1、FiraCode

连字特性，多种编辑器、IDE 支持

https://github.com/tonsky/FiraCode

2、Input

http://input.fontbureau.com/.

Input 是一个灵活的字体系统，有 Mono，Sans 和 Serif 两种款式

3、Source Code Pro

https://github.com/adobe-fonts/source-code-pro

由 Adobe 设计，视觉友好，所有显示器都清晰可辨

4、Anonymous Pro

等宽设计，各种计算机键盘符号

https://www.marksimonson.com/fonts/view/anonymous-pro

5、Ubuntu Mono

Ubuntu字体专门用于补充Ubuntu

https://design.ubuntu.com/font/

6、Menlo

Menlo 是 maccode 中用于 Xcode 和 Terminal 的新默认字体

https://github.com/hbin/top-programming-fonts/blob/master/Menlo-Regular.ttf

7、Consolas

颜值高

https://docs.microsoft.com/zh-cn/typography/font-list/consolas

8、Hack

Hack 是一种专为源代码设计的开源字体

https://github.com/source-foundry/Hack

总结

以上主题可到对应扩展地址下载安装，字体亦是，enjoy it！

文章为用户上传，仅供非商业浏览。发布者：Lomu，转转请注明出处： https://www.daogebangong.com/fr/articles/detail/How%20to%20write%20code%20happily%20and%20make%20Visual%20Studio%20Code%20more%20pleasing%20to%20the%20eye%20theme%20%20font.html

赞 (810)
打赏 支付宝扫一扫 支付宝扫一扫
Lomu 吉页字体 专栏作者
48 196
single-end

相关推荐