录制了一个Vue的LSP的视频

看到论坛很多道友想看Emacs的Vue的LSP配置,抽空整了一个,使用的是eglot + corfu + orderless.

Mac和Windows上面都测试过了,Mac非常流畅,Windows稍微有一丢丢不跟手,但是不影响开发。

【使用Emacs开发Vue-哔哩哔哩】 https://b23.tv/2DI83JQ

后续有什么想看的视频,除了21天系列之外,也可以留言告诉我,我不懂的可以去抄配置 :joy:

7 个赞

快速打字时eglot.还是有点卡手,还得使用lsp bridge

:sweat_smile: 龙哥的顶配都卡,我们的电脑还能用吗

能用哈,只是偶尔有一丢丢卡

1 个赞

现在vue这个lsp,支持不支持mixins,我以前用的时候,一直不支持,用起来有点累。

:sweat_smile: 我之想用emacs配成写VUE的工具的时候,一直被说为什么不用Vscode?

不过我还是希望Emacs更加强大完善然后业务仔,也可以用其开发

emacs里用的server应该跟vscode是同一个,如果这个lsp server不支持某个特性的话,vscode跟emacs应该是都不支持。 其实vscode写前端真不错的啊,像我这种对快捷键没有特别要求的,我觉得用vscode跟emacs差不多。

1 个赞

eglot 支持配置 tailwind 后端吗?需要同时支持两个 LSP 后端,貌似我没找到 eglot 支持两个 LSP 后端

没研究过……

1 个赞

:smiling_face_with_three_hearts: :smiling_face_with_three_hearts: :smiling_face_with_three_hearts:

考古考古,最近想用Emacs写Vue了。

請問

npm install -g vls

npm install -g @volar/vue-language-server

vls 和vue-language-server看起來都是lsp server, 有啥 區別呃

Vue3只能用下面这个,上面那是以前的,只支持vue2

感谢, 我在https://github.com/joaotavora/eglot/discussions/1184抄的配置, vue可以用, v-model/v-for之类的有补全, 但是貌似js没效果. 感觉是缺了啥东西, 不是做web的, 之前也没有任何js开发的配置, 是这个原因么?

<script setup>
import { ref } from 'vue' 
const tn = ref('') 
tn.
</script>

eglot-events-buffer

[client-request] (id:21) Mon May 13 08:40:00 2024:
(:jsonrpc "2.0" :id 21 :method "textDocument/completion" :params
  (:textDocument
    (:uri "file:///.........../src/App.vue")
    :position
    (:line 5 :character 4)
    :context
    (:triggerKind 2 :triggerCharacter ".")))
[server-reply] (id:21) Mon May 13 08:40:00 2024:
(:jsonrpc "2.0" :id 21 :result
  (:isIncomplete :json-false :items
    []))

好久没开发vue了,不过最新版本好像必须同时开启volar和typescript-language-server这两个才行,eglot好像不支持启动多个,你可以试试lsp-mode那边是咋配的

你可以参考下我的配置,只有js补全,没有模板和css补全的版本 :rofl:

好的, 感谢

先写完HTML, 再写JS :rofl:

解决了`(:typescript (:tsdk ,tsdk-path) :vue (:hybridMode :json-false))

2 个赞

不过 vue 配合的如果是 .js 文件该怎么跳转呢?