vite配置@别名，以及如何让IDE智能提示路经

1.配置路径(vite.config.js)

// vite.config.js
import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";
import path from "path";

// https://vite.dev/config/
export default defineConfig({
  server: {
    port: 8080,
  },
  plugins: [vue()],
  resolve: {
    alias: {
      "@": path.resolve(__dirname, "src"), // 配置 @ 指向 src
    },
  },
});

2.IDE配置

(项目根路径下,新建jsconfig.json。和src同级)

// jsconfig.json
{
  "compilerOptions": {
    "baseUrl": ".", // 相对于项目根目录
    "paths": {
      "@/*": ["src/*"] // 告诉 IDE：@ 就是 src
    }
  },
  "include": ["src"]
}

3.测试