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.测试