Vue プロジェクトで全体的にパッケージをアップグレードする際の手順

WIP

1年半くらい前のVueプロジェクトをVue2->3に、その他各パッケージを総アップグレードしたのでメモ

1. Vue-CLIの導入

npm i -g @vue/cli
or
yarn global add @vue/cli

2. Vue2 -> 3に

vue add vue-next

3. その他Vue-CLIでアップグレードできる周辺プラグインをまとめて更新

vue upgrade

4. その他更新可能なプラグインを探索し、更新

yarn upgrade-interactive

プラグイン一覧が表示されたら、aを押して全選択し、Enterでまとめてアップグレード。

5. yarn serveするとVue3にて過不足パッケージの指摘が入るので支持に従う

# いらないらしいので消す
yarn remove vue-cli-plugin-vue-next
# 必要らしいので追加
yarn add @vue/compat
yarn add -D @vue/compiler-sfc

参考(https://v3.vuejs.org/guide/migration/migration-build.html#overview)