VS Code主题设置(美化VS Code)(主题+背景+图标+特效+字体) |
您所在的位置:网站首页 › qq怎样更改主题颜色 › VS Code主题设置(美化VS Code)(主题+背景+图标+特效+字体) |
目录 切换整体主题(整体主题) 切换文件图标主题 设置VS Code背景图案 字体特效 + 连击特效 字体设置 主题的具体效果放在了文章末尾,这篇文章后续也会进行更新 ——————————————————————————————————————————— 切换整体主题(整体主题) 1.VS Code内置主题(快捷键:Ctrl+K ,Ctrl+T) 1.VS Code左上角点击文件 Material Theme Dracula Official One Dark Pro Field Lights Theme Panda Syntax Atom One Dark Nord Tokyo Night Tiny Light ——————————————————————————————————————————— 切换文件图标主题 1.VS Code内置主题(快捷键:Ctrl+K ,Ctrl+T) 1.VS Code左上角点击文件 Material Icon Theme ——————————————————————————————————————————— 设置VS Code背景图案 1.左侧工具栏,点击扩展 ![]() 如果是自己电脑的图片,则输入 file:/// + 文件路径 例file:///C:/Users/DELL/Desktop/14.png opacity只要不是1就行,0.1~0.5直接就好 修改background-size就行,把auto改成"100% 100%"啥的 第一个为宽度,第二个为高度 8.以上为代码块背景,下面是全屏背景设置 "background.fullscreen": { "images": ["刚才的路径"], "opacity": 0.91, // 0.85 ~ 0.95 "size": "cover", "position": "center", "interval": 0 }这段代码复制进去就行 ——————————————————————————————————————————— 字体特效 + 连击特效 1.插件搜索Power Mode 2.启动插件设置搜索powermode (和自动保存有冲突) ——————————————————————————————————————————— 字体设置 1.下载字体(这里仅附上路径,具体方法在文末)https://github.com/tonsky/FiraCode 2.设置字体 1.打开设置-->文本编辑器-->字体 比如,!=会被自动缩写为≠,=>会被缩写为⇒ 打开settings.json 找到editor.fontLigatures,改成true就行 "editor.fontLigatures": true——————————————————————————————————————————— 效果 默认主题(太多了,仅展示几个) 现代浅色 Default Light Modern——————————————————————————————————————————— 默认主题 Seti ——————————————————————————————————————————— 背景图效果(半屏)https://github.com/tonsky/FiraCode (这个的)(Windows端) 1.打开后下划找到 ctrl + 放大 ctrl - 缩小 |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |