VSCode沙绿色主题设置

作者此前用Sublime Text 3,现安装VSCode后想设置沙绿色主题。文章参考他人文章整理设置流程,先安装atom One Light Theme主题,再通过文件-首选项-设置-点击右上角花括号编辑setting.json内容,按需设置属性,还可利用颜色选取框设置颜色。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

之前一直用sublime text3,最近装了vscode想设置一款同样的沙绿色主题,所以有了这篇文章
主要参看这篇文章进行设置:https://blog.youkuaiyun.com/Lean_on_Me/article/details/84552487
内容大同小异,只是我自己又按自己的风格整理了一遍,记录在此作为备份,也供大家参考。
鸣谢原优快云作者:“单身汉子敲键盘”
在这里插入图片描述

整体效果:

在这里插入图片描述
设置流程:

1.安装 atom One Light Theme主题

在这里插入图片描述

2.设置属性

文件 -》首选项 -》设置 -》 点击右上角花括号
在这里插入图片描述
编辑setting.json内容
在这里插入图片描述
如下图鼠标放到key上面会有具体的该属性的功能说明,按需设置即可
在这里插入图片描述

同上当value为rgb颜色时也可以鼠标悬浮出现颜色选取框设置合适的即可。
在这里插入图片描述
附自己的设置

{
    "workbench.colorTheme": "Atom One Light",
    "editor.fontSize": 16 ,
    "editor.mouseWheelZoom": true,
    "editor.tabSize": 2,
    "workbench.colorCustomizations": {
        "[Atom One Light]": {
            "editor.background": "#C7EDCC",   
	    "sideBar.background": "#bdddc3",
        "activityBar.background": "#f6f8f6", 
        },
    },
}
{
    "editor.fontSize": 16,
    "editor.mouseWheelZoom": true,
    "editor.tabSize": 2,
    "workbench.colorCustomizations": {
    	// 写在 Atom One Light  里面则只对该主题有效
        "[Atom One Light]": {
            "editor.background": "#c5f3cb",  
	        "sideBar.background": "#d9f1d1",
            "activityBar.background": "#ddeedd", 
            // 终端前景背景色
            "terminal.foreground" : "#2033e2",
            "terminal.background" : "#c3eebb"
        },
        "editorLineNumber.foreground": "#da8d28",
    },
    "workbench.statusBar.feedback.visible": false,
    "workbench.colorTheme": "Atom One Light",
}
### VSCode绿豆主题的安装与使用 #### 插件准备 对于 C/C++ 的开发环境,可以通过安装以下三个扩展来增强功能支持:`ms-vscode.cpptools`, `ms-vscode.cpptools-extension-pack`, 和 `ms-vscode.cpptools-themes`[^1]。这些插件不仅提供了语法高亮、代码导航等功能,还允许自定义主题。 #### 主题配置 要实现类似于绿豆的颜色方案,需通过修改 `settings.json` 文件中的颜色定制部分完成。以下是具体的配置示例: ```json { "workbench.colorCustomizations": { "[Default High Contrast Light]": { "editor.background": "#C7EDCC", "sideBar.background": "#CCE8CF", "activityBar.background": "#CCE8CF" } }, "workbench.colorTheme": "Default High Contrast Light" } ``` 此配置将编辑器背景设为绿色调 (`#C7EDCC`),侧边栏和活动栏也采用相近色调 (`#CCE8CF`),从而形成一种柔和的绿豆风格[^2]。 #### 外部控制台启用 如果希望在调试过程中更方便地查看输出结果,可以启用外部控制台。这一步骤尤其适合需要频繁交互的情况。按照如下方式操作即可开启外部控制台[^3]: - 打开项目的 launch 配置文件 (通常位于 `.vscode/launch.json`) - 添加或确认存在 `"externalConsole": true` 参数 例如: ```json { "version": "0.2.0", "configurations": [ { "name": "(gdb) Launch", "type": "cppdbg", "request": "launch", "program": "${workspaceFolder}/a.out", "args": [], "stopAtEntry": false, "cwd": "${fileDirname}", "environment": [], "externalConsole": true, "MIMode": "gdb", "setupCommands": [ { "description": "Enable pretty-printing for gdb", "text": "-enable-pretty-printing", "ignoreFailures": true } ], "preLaunchTask": "build hello world", "miDebuggerPath": "/usr/bin/gdb" } ] } ``` 以上设置确保了调试期间能够利用独立窗口显示程序运行状况。 #### 中文乱码处理 针对可能出现的中文字符无法正常展示问题,建议调整字体属性以兼容更多编码形式。可在 settings.json 加入下面一行设定语句[^3]: ```json "files.autoGuessEncoding": true ``` 同时考虑选用一款支持CJK集合的大尺寸等宽字型作为默认字体,比如 'Microsoft YaHei Mono' 或者其他开源替代品。 ---
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值