VS Code扩展开发：resourceLangId与editorLangId区别及条件优化

我正在开发一款仅支持.css、.scss、.less格式文件的VS Code扩展。已在package.json中为命令配置了快捷键，但目前该命令可在任意文件中触发。尝试使用when子句上下文配置后，扩展仍会在非CSS类文件中激活。相关配置代码如下：

"keybindings": [
  {
    "command": "css-color-collector.collect",
    "key": "ctrl+f7",
    "mac": "cmd+f7",
    "when": "(editorTextFocus && editorLangId == css) || (editorTextFocus && editorLangId == scss)"
  }
],
"languages": [
  {
    "id": "css",
    "extensions": [
      ".css", ".scss", ".less"
    ],
    "aliases": [
      "css",
      "sass",
      "scss",
      "less",
      "CSS",
      "SCSS"
    ],
    "mimetypes": [
      "text/css"
    ]
  }
],

"menus": {
  "commandPalette": [
    {
      "command": "css-color-collector.collect",
      "when": "editorLangId == css || editorLangId == scss ||  editorLangId == less"
    }
  ]
}

问题1：resourceLangId与editorLangId的核心区别是什么？应该使用哪一个？ #

• resourceLangId：基于文件本身的语言类型标识，不依赖编辑器状态。哪怕文件没在编辑器中打开，只要文件的语言ID匹配，该上下文就会生效，适用于资源右键菜单等非编辑器焦点场景。
• editorLangId：仅针对已激活且获得焦点的编辑器窗口中的文件，依赖编辑器的焦点状态。只有当编辑器处于激活状态，且当前打开文件的语言ID匹配时，该上下文才会生效，适用于快捷键、编辑器内命令触发等场景。
• 选择建议：你的场景是快捷键和命令面板触发，都属于编辑器内操作，优先使用editorLangId。另外注意你当前的languages配置存在问题——VS Code默认已为scss、less分配了独立的语言ID（分别为scss、less），你将这两种文件的扩展名归到css语言ID下，会导致VS Code对文件的语言识别混乱，这可能是命令仍在非目标文件触发的原因之一，建议移除该自定义语言配置，依赖VS Code默认的语言识别即可。

问题2：如何简洁编写when子句条件？ #

你之前尝试的简化写法存在语法错误（多了一个右括号），且逻辑优先级处理不当。正确的简化写法需要利用括号明确逻辑优先级：

editorTextFocus && (editorLangId == css || editorLangId == scss || editorLangId == less)

因为逻辑运算符&&的优先级高于||，如果不添加括号，条件会被解析为(editorTextFocus && editorLangId == css) || editorLangId == scss || editorLangId == less，这会导致即使编辑器没有焦点，只要文件语言ID是scss/less就会触发命令，不符合你的需求。

内容的提问来源于stack exchange，提问作者xkeshav