Github codespacesでvue.js

最近の開発環境はVScodeとgithubcodespacesの組み合わせ。

色々試したいが環境が汚れると後々再現性が無くなり困るため、codespaceをなるべく利用。

そんな中、以前は使えていたcodespaceでvueがデバッグ出来ない。。

解決としてはViteが変わっていたから
ローカルで立ち上げたvueプロジェクトは動いた（もちろんだけど。。）
v2のviteでは動いた。（バージョンを下げた）

vite.config.tsにサーバーのホスト設定をtrueにするという方法でした。
よく見たらnpm run devってやったときに--hostって書いてある。
2日無駄にしました。。

# こちらはreactですがvueでも一緒

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react-swc'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [react()],
  server: {
    host: true,
    port: 4040
  }
})