如何在TypeScript项目中为await关键字设置自定义高亮?
单独配置
await关键字高亮的操作方案(适用于JetBrains系列IDE,如WebStorm、IntelliJ IDEA等) 操作步骤
- 确认IDE内置的TextMate支持已启用,2020年及以后发布的版本默认自带,无需额外安装插件
- 打开设置界面,进入路径
File | Settings | Editor | Color Scheme | TextMate Colors - 点击规则列表右上角的「+」按钮新增自定义高亮规则
- 在「Scope」输入框填入对应场景的scope值:
- 仅覆盖TypeScript场景:
keyword.control.await.ts - 仅覆盖JavaScript场景:
keyword.control.await.js - 同时覆盖两种场景:
keyword.control.await
- 仅覆盖TypeScript场景:
- 在右侧样式配置区自定义你需要的效果,包括字体颜色、背景色、加粗、斜体、下划线等
- 点击「应用」「确定」后配置立即生效
如果你需要针对其他单个关键字做自定义高亮,可在编辑器中选中目标关键字,按下
Ctrl+Shift+A(Windows/Linux)/Cmd+Shift+A(Mac)唤起全局操作搜索,执行「Show CSS Color Selector for Caret」即可查看该关键字对应的TextMate Scope值,按照上述步骤配置即可。
内容的提问来源于stack exchange,提问作者Shorn
相关产品推荐
相关产品推荐

