主题的具体效果放在了文章末尾,这篇文章后续也会进行更新
目录
切换整体主题(整体主题)
1.VS Code内置主题(快捷键:Ctrl+K ,Ctrl+T)
1.VS Code左上角点击文件
2.选择首选项-->主题-->颜色主题
2.扩展主题
1.左侧工具栏,点击扩展
2.搜索栏搜索自己想要的主题后点击安装就行
3.一些主题
切换文件图标主题
1.VS Code内置主题(快捷键:Ctrl+K ,Ctrl+T)
1.VS Code左上角点击文件
2.选择首选项-->主题-->文件图标主题
2.扩展主题
1.左侧工具栏,点击扩展
2.搜索栏搜索自己想要的主题后点击安装就行
3.一些主题
设置VS Code背景图案
1.左侧工具栏,点击扩展
2.搜索background下载
3.VS Code左上角点击文件-->首选项-->设置 编辑
4.搜素background并点击
5.点击添加项,写入路径
6.修改透明度
7.修改图片大小
8.以上为代码块背景,下面是全屏背景设置
字体特效 + 连击特效
1.插件搜索Power Mode
2.启动插件
3.调字体特效
4. 取消抖动
5.调节连击时间
效果
默认主题(太多了,仅展示几个)
现代浅色 Default Light Modern
Quiet Light
Solarized Light
红色 Red
深色+ Default Dark+
Material Theme(太多了,仅展示几个)
Material Theme Darker
Material Theme Deepforest
Material Theme Ocean
Material Theme Palenight
Dracula Official
One Dark Pro
Field Lights Theme
Panda Syntax
Atom One Dark
Nord
Tokyo Night
默认主题
Seti
Material Icon Theme
Field Lights (Field Lights Theme)
切换整体主题(整体主题)
1.VS Code内置主题(快捷键:Ctrl+K ,Ctrl+T)
1.VS Code左上角点击文件
2.选择首选项-->主题-->颜色主题
2.扩展主题
1.左侧工具栏,点击扩展
2.搜索栏搜索自己想要的主题后点击安装就行
3.一些主题
Material Theme
Dracula Official
One Dark Pro
Field Lights Theme
Panda Syntax
Atom One Dark
Nord
Tokyo Night
切换文件图标主题
1.VS Code内置主题(快捷键:Ctrl+K ,Ctrl+T)
1.VS Code左上角点击文件
2.选择首选项-->主题-->文件图标主题
2.扩展主题
1.左侧工具栏,点击扩展
2.搜索栏搜索自己想要的主题后点击安装就行
3.一些主题
Material Icon Theme
设置VS Code背景图案
1.左侧工具栏,点击扩展
2.搜索background下载
3.VS Code左上角点击文件-->首选项-->设置
4.搜素background并点击
5.点击添加项,写入路径
如果是自己电脑的图片,则输入
file:/// + 文件路径
例file:///C:/Users/DELL/Desktop/14.png
6.修改透明度
opacity只要不是1就行,0.1~0.5直接就好
7.修改图片大小
修改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
3.调字体特效
4. 取消抖动
5.调节连击时间
(和自动保存有冲突)
效果
默认主题(太多了,仅展示几个)
现代浅色 Default Light Modern
Quiet Light
Solarized Light
红色 Red
深色+ Default Dark+
Material Theme(太多了,仅展示几个)
Material Theme Darker
Material Theme Deepforest
Material Theme Ocean
Material Theme Palenight
Dracula Official
One Dark Pro
Field Lights Theme
Panda Syntax
Atom One Dark
Nord
Tokyo Night
———————————————————————————————————————————
默认主题
Seti
Material Icon Theme
Field Lights (Field Lights Theme)
——————————————————————————————————————————— 背景图效果(半屏)
背景图效果(全屏)