🌎

Vue拡張機能のバージョンアップでVSCodeが壊れたので応急修理した

2024/03/04に公開

起きたこと

朝起きていつものように仕事を始めようとするとVSCodeに以下の通知が届きました。

不穏な空気を感じつつもとりあえずエディタを見たら定義ジャンプができなくなり、exportした型が読み込めずエラーになったり、syntax highlightが効かなくなったりしていました。
仕事できないやん...

原因

3月2日にVolarのv2がリリースされ、Vue-Officialという名称に変更されたようです。
この変更でTypeScript Vue Plugin (Volar)が非推奨になり、テイクオーバーモードが不要になりました。
https://github.com/vuejs/language-tools/releases/tag/v2.0.0

どうやらこの変更に付随して色々とバグが発生したようです。

対策

現行では既存の機能が満足に使えないため、Vue-Officialをダウングレードすることで一旦の解決としました。手順は以下です。

  1. 拡張機能から歯車マークをクリックし「別バージョンのインストール」を選択
  2. 読み込み後表示されるリストの中から「1.8.27」を選択

これで再起動の完了のちに不具合が解消されました。

おまけ(気になった機能の紹介)

エクスプローラから直接importできるのは便利そうだなと思いました。

参考

https://twitter.com/626ripes/status/1764092168371896616

Discussion