Svelte

Svelte 支持通过Svelte 扩展提供。

• Tree-sitter: tree-sitter-grammars/tree-sitter-svelte
• 语言服务器: sveltejs/language-tools

额外的主题样式配置

您可以修改某些样式（例如指令和修饰符）在属性中的显示方式

"syntax": {
  // Styling for directives (e.g., `class:foo` or `on:click`) (the `on` or `class` part of the attribute).
  "attribute.function": {
    "color": "#ff0000"
  },
  // Styling for modifiers at the end of attributes, e.g. `on:<click|preventDefault|stopPropagation>`
  "attribute.special": {
    "color": "#00ff00"
  }
}

内联提示

当 Zed 中启用内联提示时，为了让语言服务器发回它们，Zed 设置了以下初始化选项

"inlayHints": {
  "parameterNames": {
    "enabled": "all",
    "suppressWhenArgumentMatchesName": false
  },
  "parameterTypes": {
    "enabled": true
  },
  "variableTypes": {
    "enabled": true,
    "suppressWhenTypeMatchesName": false
  },
  "propertyDeclarationTypes": {
    "enabled": true
  },
  "functionLikeReturnTypes": {
    "enabled": true
  },
  "enumMemberValues": {
    "enabled": true
  }
}

要覆盖这些设置，请使用以下内容

"lsp": {
  "svelte-language-server": {
    "initialization_options": {
      "configuration": {
        "typescript": {
          // ......
        },
        "javascript": {
          // ......
        }
      }
    }
  }
}

有关更多信息，请参阅 TypeScript 语言服务器的 package.json。