Viteにtypescript入れてみる

Viteにtypescript入れてみる

Viteにtypescript入れてみる

1. 公式サイトにアクセスしてvue-tsのtemplateを使用するコマンドで作成

npm create my-vite-app -- --template vue-ts
cd my-vite-app
npm install
npm run dev

2. templateで作成されたdirと比較して必要な操作を確認
3. typescript, vue-tsc, vite-plugin-checkerのインストール

npm i -D typescript vue-tsc@1.8.4 vite-plugin-checker

補足

vue-tscのver2.0 以上はエラーがでてダメだった参考

1. main.js→main.tsに変更
2. vite.config.mjs 修正

+ import checker from 'vite-plugin-checker'
 
export default defineConfig({
+ plugins:[checker({vue-tsc:true})]
})

3. 起動

npm run dev