VS Code中Salesforce Aura与LWC代码片段配置问题咨询

嘿，我来帮你搞定这几个关于VS Code Salesforce代码片段的问题：

你之前用when属性报错是因为VS Code的代码片段配置里根本没有这个属性——when是给快捷键配置用的，代码片段的生效范围得靠scope属性来控制。

好在Salesforce的VS Code扩展已经给LWC文件注册了专属的语言模式：

• LWC的JavaScript文件对应语言ID：javascript-lwc
• LWC的HTML文件对应语言ID：html-lwc

直接修改你代码片段的scope字段就行，比如你原来的console.log片段改成这样：

"Print to console (LWC only)": {
  "scope": "javascript-lwc",
  "prefix": "gss",
  "body": [
    "console.log('$1');",
    "$2"
  ],
  "description": "Log output to console (only in LWC JS files)"
}

这样这个片段就只会在LWC的.js文件里触发了。同理，LWC的HTML片段把scope设为html-lwc即可。

Aura的.cmp、.app、.evt等组件文件，Salesforce扩展给它们分配的语言ID是aura。你只需要把代码片段的scope设为aura，就能让片段仅在这些Aura文件中生效。

举个Aura组件的代码片段示例：

"Aura Basic Component Skeleton": {
  "scope": "aura",
  "prefix": "aura-skeleton",
  "body": [
    "<aura:component implements=\"force:appHostable,flexipage:availableForAllPageTypes\">",
    "    <!-- Attributes -->",
    "    <aura:attribute name=\"recordId\" type=\"String\"/>",
    "",
    "    <!-- Component Content -->",
    "    <div class=\"slds-card\">",
    "        <lightning:card title=\"{!v.title}\">",
    "            <!-- Add your content here -->",
    "        </lightning:card>",
    "    </div>",
    "</aura:component>"
  ],
  "description": "Basic skeleton for Aura component"
}

保存后，这个片段就会在.cmp和.app文件里触发提示了。

如果你的项目结构特殊，比如LWC文件不在默认路径下，可以在VS Code的settings.json里手动关联文件路径到对应语言模式，比如：

"files.associations": {
  "**/my-custom-lwc-path/**/*.js": "javascript-lwc",
  "**/my-aura-components/**/*.cmp": "aura"
}

不过一般Salesforce扩展已经自动处理了标准路径的关联，这个步骤大多时候不需要。

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