Vite+Vue3项目配置@路径后的自动提示

1.配置vite.config.js(根目录没有该文件,则自行创建)

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

export default defineConfig({
  resolve: {
    alias: {
      "@": path.resolve(__dirname, "src"),
    },
  },
  plugins: [vue()],
});

2.在vue项目的根路径上创建jsconfig.json文件,使用如下代码

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

配置之后记得重新运行项目,只有修改和配置文件有关的,切记都要重新npm run serve