Web Dev config (Vue js)

Help
, ,
1

Hello everybody. I am a new user to Kakoune - I was wondering - are there any web developers (preferably working with Vue.js) - that use Kakoune and have full set up already? (Lsp, Highlighting)?

I would greatly appreciate if somebody shared theirs

2

Don’t use vue but hopefully can point you to the right direction

highlighting:

LSP: https://github.com/kakoune-lsp/kakoune-lsp

NB: You could also just set the filetype for vue files to html

3

First of all - thank you for replying!
The kakoune-vue repo you provided is almost 10 years of age, quite obsolete.
I love vue but I hate how difficult it is to properly setup ides like kakoune or helix for it…

One more question - you mentioned treesitter - is it possible to use not a tree sitter but regexp like TextMate in VScode for syntax highlighting? Do you know by any chance?

Thanks

4

The kakoune-vue repo you provided is almost 10 years of age, quite obsolete.
I love vue but I hate how difficult it is to properly setup ides like kakoune or helix for it…

I don’t know the relevance in context to vue, but many kakoune plugins work despite being very old

One more question - you mentioned treesitter - is it possible to use not a tree sitter but regexp like TextMate in VScode for syntax highlighting? Do you know by any chance?

I do not know of any way to use TextMate highlights in kakoune, you may be able to convert some, but as you have mentioned that you are new, not too sure about that. Just found this, not sure how relevant it would be to you: https://github.com/Yukaii/giallo.kak

I think your best options for highlighting would be to use the html highlighter or use tree-sitter. If you want to use the html highlighter, I can give a snippet that you can set

1 Like
5

Thank you! Wow! That github project is exactly what I was thinking about “Get the same high-quality syntax highlighting colors as VSCode”.

Yesterday I spent a whole day trying to configure helix, then kakoune - and got frustrated because for vue tree sitter’s highlighting and parsing are incomplete and is not as rich as VSCode’s TextMate highlighting.

But I do appreciate selection → action model - theres just not much options (helix, kakoune, zed). all of which are quite hard to configure.

I just found out a vscode extension which tries to mimic selection->action model - and since I already have a lot of custom setup for vscode - I will try just to use it that way.
Maybe I will return time to time to Kakoune and try to build an environment step by step, but for now I will postpone it.

Thanks for replying

2 Likes
6

No worries, happy to help