VSCode で補完が遅くなってしまった問題の対処法

問題

VSCode + TypeScript + Vue + Vite という環境で作業してたら、いつの間にか補完が遅くなっていた。体感 2 秒くらい。

理想は 1 ミリ秒くらいで出てほしい。2 秒もかかってしまうとテンポよくコーディングができないので原因を調べました。

原因

プログラム内で自前の JSON ファイルを import してるんですが、この JSON データが大きかったのが原因でした。500 KB くらいのデータ。

対処法１

JSON データから不要なものを削って 50 KB くらいまで小さくしたところ、体感 10 ミリ秒くらいになりました。問題なくコーディングできる速度に。

対処法２

import する際に raw オプションを付けて文字列として取り込み、その後プログラム内で JSON.parse() するという方法でもいけました。