今まではVeturを入れただけで勝手にコードジャンプやコード補完が効くようになっていたが、久々にVueコーディングしたところ補完が効かずすごく不便な感じになっていた。

原因はnodeの管理をnodebrewからasdfに変え、Vue Language Serverのパスが変わったためと思われる。

直し方

1. vlsを導入

npm i -g vls

2. パスを設定

VSCodeのSettingsでVeturの項目の中の Vls Path にパスを登録する。

asdfの場合、デフォルトだと~/.asdf/installs/nodejs/16.13.0/.npm/lib/node_modules/vls が該当するパスとなる。バージョンはvlsを導入したnodeのバージョンを入れよう。

また、Template Interpolation Service の項目にチェックを入れる。

これでコードジャンプ等補完が効くようになるはず。

参考

• Veturを入れてるのにコード補完が効かない(https://qiita.com/kubotak/items/ae6a9f695e06f4a104c8)
• VSCodeでVueの補完ができなくなった（Vetur）(https://qiita.com/chelproc/items/cb01a64ad7cd91ecdac7)