ctrl+shift+p filters: :st2 :st3 :win :osx :linux
浏览

LSP-volar

sublimelsp ST3

Sublime's 李斯插件对 Vue 的支持

详细信息

安装

  • 总计 6K
  • Win 2K
  • Mac 2K
  • Linux 1K
8月6日 8月5日 8月4日 8月3日 8月2日 8月1日 7月31日 7月30日 7月29日 7月28日 7月27日 7月26日 7月25日 7月24日 7月23日 7月22日 7月21日 7月20日 7月19日 7月18日 7月17日 7月16日 7月15日 7月14日 7月13日 7月12日 7月11日 7月10日 7月9日 7月8日 7月7日 7月6日 7月5日 7月4日 7月3日 7月2日 7月1日 6月30日 6月29日 6月28日 6月27日 6月26日 6月25日 6月24日 6月23日 6月22日
Windows 1 3 3 0 1 1 2 5 1 1 3 4 1 4 2 1 1 5 2 4 3 6 0 0 2 2 4 2 3 3 2 2 3 1 4 2 0 1 2 0 1 4 0 3 2 1
Mac 2 4 0 0 2 3 0 4 4 3 3 5 0 1 3 0 1 0 2 1 1 1 2 1 1 4 2 5 0 3 1 0 4 2 3 3 1 3 1 2 1 0 1 2 2 5
Linux 1 0 0 0 0 4 1 2 2 2 4 2 1 0 1 1 2 0 1 1 1 0 1 1 1 4 0 2 1 2 0 2 0 6 2 1 2 5 2 0 2 1 1 4 2 2

说明文件

源代码
raw.​githubusercontent.​com

LSP-volar

这是一个辅助包,可以自动为您安装并更新 Volar Language Server

目录

安装

配置

使用命令面板的 首选项: LSP-volar 设置 命令或从 Sublime 菜单(首选项 > 包设置 > LSP > 服务器 > LSP-volar)打开配置文件。

为非 Vue 文件启用

允许 LSP-volar 在 *.ts | *.tsx | *.js | *.jsx 文件中启动。

警告 只有在确实有特殊原因时才使用此功能。由于在修改相关文件时无法接收诊断更新,因此它比 LSP-typescript.js/.ts 文件中提供更差的使用体验。同时它还缺少一些 LSP-typescript 的功能。请参阅相关问题:https://github.com/vuejs/language-tools/issues/3229

按项目

创建以下内容的 Sublime 项目文件

{
    "folders":
    [
        {
            "path": "."
        }
    ],
    "settings": {
        "LSP": {
            "LSP-volar": {
                "selector": "text.html.vue | source.ts | source.tsx | source.js | source.jsx"
            },
            "LSP-typescript": {
                "enabled": false
            }
        }
    }
}

全局

从命令面板选择 首选项: LSP-volar 设置 并粘贴以下内容

// Settings in here override those in "LSP-volar/LSP-volar.sublime-settings"

{
    "selector": "text.html.vue | source.ts | source.tsx | source.js | source.jsx"
}

注意:当为非 Vue 文件启用 LSP-volar 时,建议禁用 LSP-typescript 包以避免显示重复结果。

命令

该包在命令面板中提供了几个命令,这些命令在调试 Volar 问题时可派上用场。

LSP-volar (调试):显示虚拟文件

显示当前开启的 vue 文件所有关联的内部虚拟文件树视图,并允许查看其内容。

LSP-volar(调试):写入虚拟文件

将所有内部虚拟文件写入磁盘。这些文件将与 Volar 内部加载的原始 vue 文件在同一目录下创建。这也可以包括 node_modules 中的 vue 文件。这些文件在确定为什么 vue 文件中存在类型问题(可能由于 Volar 的 bug 导致)时可能非常有用。

注意 使用 LSP-typescript 类型检查这些生成的 .ts 文件的结果与 LSP-volar 执行的并不相同,因为 Volar 进行了一些内部 Vue 类型增强,而 LSP-typescript 不做。要在检查这些文件时获得更相关的类型检查,建议禁用 LSP-typescript 并启用 LSP-volar 代替 TS 文件。请查看 启用非 Vue 文件 部分。

注意 如果项目中有许多 vue 文件,则可能通过此命令创建大量文件,并且在以后清理时可能会有些麻烦。在 git 跟踪的项目中,您可能希望使用 git clean -fx 来删除所有未跟踪的文件。只需确保您没有未跟踪的有用文件。

内嵌提示

内嵌提示是显示参数名称、类型提示的短文本注释。

inlay-hints

启用内嵌提示:1. 打开命令栏并选择 首选项:LSP 设置,然后启用 show_inlay_hints: “js { "show_inlay_hints": true }

2. Modify the following settings through `Preferences: LSP-volar Settings`:

```js
{
  "settings": {
    // javascript inlay hints options.
    "javascript.inlayHints.enumMemberValues.enabled": false,
    "javascript.inlayHints.functionLikeReturnTypes.enabled": false,
    "javascript.inlayHints.parameterNames.enabled": "none",
    "javascript.inlayHints.parameterNames.suppressWhenArgumentMatchesName": false,
    "javascript.inlayHints.parameterTypes.enabled": false,
    "javascript.inlayHints.propertyDeclarationTypes.enabled": false,
    "javascript.inlayHints.variableTypes.enabled": false,
    // typescript inlay hints options.
    "typescript.inlayHints.enumMemberValues.enabled": false,
    "typescript.inlayHints.functionLikeReturnTypes.enabled": false,
    "typescript.inlayHints.parameterNames.enabled": "none",
    "typescript.inlayHints.parameterNames.suppressWhenArgumentMatchesName": false,
    "typescript.inlayHints.parameterTypes.enabled": false,
    "typescript.inlayHints.propertyDeclarationTypes.enabled": false,
    "typescript.inlayHints.variableTypes.enabled": false,
  }
}

注意:内嵌提示需要 TypeScript 4.4+。

Vue 2 支持

请参阅 Volar 的安装说明 以获取设置说明。