Js to Ts migration - corollazer0/nhcx2025 GitHub Wiki

  1. npm μ„€μΉ˜
npm i -D vite-tsconfig-paths
npm i -D @vue/tsconfig
npm i -D typescript vue-tsc @types/node
  1. vite.cofnig.js -> ts λ³€ν™˜
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import tsconfigPaths from 'vite-tsconfig-paths'

// https://vite.dev/config/
export default defineConfig({
  plugins: [vue(),tsconfigPaths()],
  resolve: {
    alias: {
      // 'vue'λ₯Ό 'vue/dist/vue.esm-bundler.js'둜 별칭 μ„€μ •ν•˜μ—¬
      // λŸ°νƒ€μž„ μ»΄νŒŒμΌλŸ¬κ°€ ν¬ν•¨λœ 버전을 μ‚¬μš©ν•˜λ„λ‘ ν•©λ‹ˆλ‹€.
      'vue': 'vue/dist/vue.esm-bundler.js'
    }
  }
})
  1. tsconfig.json μΆ”κ°€

  2. env.d.ts μΆ”κ°€

  3. Vetur μ‚­μ œ Volar μ„€μΉ˜