【VSCode】ESLint + Pretter + VeturでTypeScriptとJavaScriptの開発環境構築

#問題
VSCodeでESLint + Pretter + Veturを利用してJSとTSとVueの開発環境を構築したいです。

下記の点で何を入れればいいのかわかりません。

npm or yarnでインストールするパッケージ
VSCodeの拡張機能（TSで参考にした記事ではPretterはインストールされていないが、入れていいのか）
settings.json

#要望

Qiitaの記事から"editor.formatOnSave": trueにしても良くなったとのことで、できればこの設定にしたいです。

また、Vetur（vue用のVSCode拡張機能）も入れたいです。

参考にしていた記事は以下です。

dameo

2020/01/10 07:56

vue uiでtypescriptやeslint+prettierを選んでプロジェクトを作成すれば、作成したプロジェクトには開発依存パッケージとして eslint eslint-plugin-prettier eslint-plugin-vue prettier typescript vue-template-compiler 辺りが入ります。なので、明示的にnpmなどでインストールするパッケージは@vue/cliだけだと思います。ただこれらで入るeslint+prettierはbuildタスクの中で動くだけなので、タスクの出力を監視してないと気付きませんし、エディタにも反映されません。 vscodeの拡張機能はeslintを入れればeslint-plugin-prettierが入っているので、prettierがなくても勝手にチェックしてくれます。Veturはいつ入れたか忘れました。.vueとかいじろうとしたときに入れる？とか聞かれて入れたような気がします。