LSP-volar
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 |
说明文件
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
来删除所有未跟踪的文件。只需确保您没有未跟踪的有用文件。
内嵌提示
内嵌提示是显示参数名称、类型提示的短文本注释。
启用内嵌提示: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 的安装说明 以获取设置说明。