如何让代码编辑器呈现GitHub Copilot官网同款界面及提示样式?
VS Code还原GitHub Copilot官网演示样式配置方案
一、界面基础配置
- 颜色主题:按下快捷键
Ctrl+Shift+P(Windows/Linux)或Cmd+Shift+P(Mac)唤起命令面板,输入「颜色主题」,选择*Dark+ (默认深色)*即可,这是官网演示统一使用的基础主题。 - 编辑器字体:按下
Ctrl+,(Windows/Linux)或Cmd+,(Mac)打开设置页,搜索「Font Family」,填写参数为Cascadia Mono,如果设备未安装该字体,安装后重启VS Code即可生效。 - 文件图标主题:唤起命令面板输入「文件图标主题」,选择默认的Seti即可和官网展示的文件图标样式完全对齐。
- 精简布局:如果需要还原官网仅展示编辑器的纯净效果,按下
Ctrl+B关闭左侧边栏,按下Ctrl+J关闭底部面板即可。
二、Copilot提示样式配置
- 首先确保你已经在VS Code中安装并正常登录GitHub Copilot插件。
- 开启行内提示:打开设置页搜索「Inline Suggest: Enabled」,勾选该选项开启行内补全提示,这是官网演示提示样式的基础。
- 自动触发补全:搜索「Inline Suggest: Auto Trigger」,勾选该选项后不需要手动触发快捷键,编辑代码时会自动弹出补全提示,和官网演示的触发逻辑一致。
- 样式还原:默认Dark+主题下,Copilot行内提示会自动使用半透明浅灰色样式,和官网展示效果完全一致,如果你之前手动修改过编辑器提示文字配色,重置对应配置即可恢复默认效果。
内容的提问来源于stack exchange,提问作者hackedXD
相关产品推荐
相关产品推荐

