vs-code 是一个使用 Visual Studio Code 官方脚手架生成的颜色主题扩展。
项目结构
package.json:扩展清单,声明主题入口themes/midnight-slate-color-theme.json:主题颜色与语法高亮规则.vscode/launch.json:本地调试配置vsc-extension-quickstart.md:官方生成的扩展快速说明
本地开发
- 用 Visual Studio Code 打开当前目录。
- 按
F5启动Extension Development Host。 - 在新窗口中按
Ctrl + K,再按Ctrl + T。 - 选择
Midnight Slate主题进行预览。
主题文件说明
主题核心文件是 themes/midnight-slate-color-theme.json,主要包含两部分:
colors:控制 VS Code 界面颜色,例如editor.background、editor.foreground、activityBar.backgroundtokenColors:控制语法高亮颜色,例如comment、keyword、string、function、variable
开发建议
- 优先调整这几类颜色:
editor.background、editor.foreground、comment、keyword、string、function、variable - 使用
Developer: Inspect Editor Tokens and Scopes查看当前代码的 token scope - 修改
themes/midnight-slate-color-theme.json后,开发宿主窗口会自动应用变更
发布
如果后续需要发布到 Marketplace:
- 安装
vsce - 执行
vsce login <publisher-name> - 执行
vsce publish
发布前建议先补充:
publisher- 扩展图标
- 更完整的 Marketplace 描述