vscode设置Fira_Code字体及改变编辑器字体、背景颜⾊的
代码详解
⼀、设置Fira_Code字体
1.下载字体
代码编辑器怎么下载这⾥给出github下载链接，点击链接后在README.md中的Download & Install⼀栏中即可下载，链接中也包括字体⽰例及介绍，可⾃⾏查看。
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，添加以下设置：
"lorCustomizations": {        //覆盖当前所选颜⾊主题的颜⾊
"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字体内容请搜索以前的⽂章或继续浏览下⾯的相关⽂章希望⼤家以后多多⽀持！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。