vscode下配置vite项目支持@路径¶

让vite能够识别转换@路径¶

在vite项目根目录下，编辑vite.config.js，以下示例中省略了无关内容：

import { fileURLToPath, URL } from 'node:url'
import { defineConfig } from 'vite'

export default defineConfig({
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    }
  }
})

让vscode可以自动补全@路径¶

在vite项目根目录下，新建jsconfig.json：

{
    "compilerOptions": {
      "baseUrl": ".",
      "paths": {
        "@/*": ["./src/*"]
      }
    }
  }

本文为kyleblog.cn原创，转载请注明出处：https://www.kyleblog.cn/posts/vscode_vite_path