vscode修改字体及调整设置字体大小、颜色

您所在的位置:网站首页 vscode如何更改字体大小 vscode修改字体及调整设置字体大小、颜色

vscode修改字体及调整设置字体大小、颜色

2024-06-01 03:28| 来源: 网络整理| 查看: 265

vscode修改字体

如果觉得vscode默认字体感觉不好看,想换个字体,介绍下换字体的方法:首先打开vscode左下角齿轮图标,点击设置setting,打开设置页面,搜索font,如图:

vscode修改字体

设置中的下面几个属性与字体有关:

// 控制字体系列。 "editor.fontFamily": "Consolas, 'Courier New', monospace", // 启用字体连字 "editor.fontLigatures": false, // 以像素为单位控制字号。 "editor.fontSize": 14, // 控制字体粗细。 "editor.fontWeight": "normal",

然后,在右侧的用户设置中添加对应设置(记得在添加之前先加个逗号分隔):

"editor.fontFamily": "Fira Code",//后边的引号中写上要设置的字体类型,个人比较喜欢Fira Code "editor.fontLigatures": true,//这个控制是否启用字体连字,true启用,false不启用,这里选择启用 "editor.fontSize": 14,//设置字体大小,这个不多说都明白 "editor.fontWeight": "normal",//这个设置字体粗细,可选normal,bold,"100"~"900"等,选择合适的就行

然后保存,字体就应用成功了。PS:要想换字体,最起码电脑上得安装上该字体,不然设置了也没有用。附上Fira Code字体的安装:在https://github.com/tonsky/FiraCode下载字体,在readmine.md中往下翻页,会看到download链接(如下图),

vscode修改字体

点击就可以下载字体安装包,是个zip压缩包,加压后找到ttf文件夹,会看到几个ttf文件

vscode修改字体

全选,右键安装就可以了,在windows的控制面板,字体中就可以看到该字体了,安装完成。

查看windows的字体:进入控制面板,修改查看方式为大图标,点击字体

vscode修改字体 vscode修改字体 vscode修改字体 vscode调整设置字体大小

1.在设置里面找到font——fontsize调整大小即可

vscode调整设置字体大小vscode调整设置字体大小 vscode调整设置字体大小

2.以上设置只能修改代码区域的字体大小,如果要修改左侧菜单字体大小,可通过“放大窗口”实现。

ctrl+“=” (是退格旁的那个)

ctrl+“-” (亦是退格旁那个)

vscode设置字体颜色

1.打开VS Code编辑器,打开settin.json文件。

vscode修改字体颜色

2.在json文件中加入这段代码即可。括号中可以自定义设置颜色。

"editor.tokenColorCustomizations": { "comments": "#EE00EE", // 注释 // "keywords": "#0a0", // 关键字 // "variables": "#f00", // 变量名 // "strings": "#e2d75dbd", // 字符串 //"functions": "#5b99fcc9", // 函数名 // "numbers": "#AE81FF" // 数字 },

vscode修改字体颜色



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3