vscode设置Fira_Code字体及改变编辑器字体、背景颜色的代码详解

 更新时间:2020年08月10日 10:08:28   作者:CodeJasmine  
这篇文章主要介绍了vscode设置Fira_Code字体及改变编辑器字体、背景颜色,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

一、设置Fira_Code字体

1.下载字体
这里给出github下载链接,点击链接后在README.md中的Download & Install一栏中即可下载,链接中也包括字体示例及介绍,可自行查看。
Fira_Code字体下载

2,安装字体
下载并解压,进入里面的ttf文件夹,双击或右击后点击安装,里面包含六种样式,可以选择性安装或全安装即可。

3,设置vscode
打开vscode,点击左下角齿轮形状图标,选择settings,得到下图所示界面:

设置

根据上图箭头所示依次点击Font,Edit in settings.json,添加如下代码:

"editor.fontFamily": "'Fira Code',Menlo, Monaco, 'Courier New', monospace",
"editor.fontLigatures": true,
  • 注:如果添加到{}里的最后面,则需去掉true后面的逗号
  • 如果不想使用连字,则将true改为false (什么是连字可自行百度,这里举个例子,c语言中!=使用连字后则会显示≠)

二、设置字体颜色

可以通过更换主题来改变字体颜色,这里推荐几款比较经典的主题,供大家选择。

  • One Dark Pro Italic
  • Material Theme
  • One Dark Pro
  • Darker One

直接在vscode左侧Extensions中搜索安装即可使用,如果想要尝试其他主题,可输入 One 进行搜索,众多主题总有一款适合你。

三、设置编辑器背景颜色及光标所在行的颜色

之前习惯用黑色背景,可是改变主题后背景往往会发生改变,可以通过设置自定义背景颜色。
按照上面的步骤打开settings.json,添加以下设置:

"workbench.colorCustomizations": {        //覆盖当前所选颜色主题的颜色
  
  "editor.background": "#030202",        //编辑器背景色

  "editor.selectionBackground": "#6b5244",     //用户选中代码段的颜色 
  
  "editor.findMatchBackground": "#ff0000",     //当前搜索匹配的颜色
  
  "editor.findMatchHighlightBackground": "#ff00ff",   //其他搜索匹配项的颜色
 
  "editor.findRangeHighlightBackground": "#ff9900",   //限制搜索范围的颜色
 
  "editor.lineHighlightBackground": "#48314e",    //光标所在行高亮内容的背景颜色
  
  "editor.lineHighlightBorder": "#704b36"      //光标所在行四周边框的背景颜色
 },

下面放出效果图,读者可自定义自己喜欢的颜色。

示例

总结

到此这篇关于vscode设置Fira_Code字体及改变编辑器字体、背景颜色的代码详解的文章就介绍到这了,更多相关vscode设置Fira_Code字体内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • Unity读取Excel文件转换XML格式文件

    Unity读取Excel文件转换XML格式文件

    这篇文章主要为大家详细介绍了Unity读取Excel文件转换XML格式文件,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-06-06
  • C#实现微信红包功能

    C#实现微信红包功能

    这篇文章主要介绍了C#实现微信红包功能,使用正态分布计算红包金额,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-06-06
  • Unity扩展Hierachry的右键菜单

    Unity扩展Hierachry的右键菜单

    这篇文章主要为大家详细介绍了Unity扩展Hierachry的右键菜单,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-02-02
  • Unity3D动态生成平面网格

    Unity3D动态生成平面网格

    这篇文章主要为大家详细介绍了Unity3D动态生成平面网格,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-02-02
  • Unity实现物体运动轨迹的绘制

    Unity实现物体运动轨迹的绘制

    这篇文章主要为大家详细介绍了Unity实现物体运动轨迹的绘制,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-09-09
  • Unity多屏幕设置的具体方案

    Unity多屏幕设置的具体方案

    多屏幕指的是一个电脑主机,连接多个显示器,本文主要介绍了Unity多屏幕设置的具体方案,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-05-05
  • C#使用表达式树实现对象复制的示例代码

    C#使用表达式树实现对象复制的示例代码

    这篇文章主要介绍了C#使用表达式树实现对象复制,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-01-01
  • C# 静态变量与静态方法实例研究

    C# 静态变量与静态方法实例研究

    写了一个翻译英汉单词辞典的小程序,发现在调用几千次的时候速度很慢
    2011-11-11
  • C#实现的文件批量重命名功能示例

    C#实现的文件批量重命名功能示例

    这篇文章主要介绍了C#实现的文件批量重命名功能,结合具体实例形式分析了C#针对文件的遍历、属性修改相关操作技巧,需要的朋友可以参考下
    2017-07-07
  • C# 使用CancellationTokenSource取消多线程

    C# 使用CancellationTokenSource取消多线程

    有时间我们在使用多线程的时候,需要取消线程的执行,可以使用CancellationTokenSource来取消对Task开辟多线程的取消,感兴趣的可以了解一下
    2021-08-08

最新评论