uniapp脚手架中vue3项目配置`@`,并且在vscode中有提示

发布时间 2023-11-18 11:16:43作者: xiaowei123456

uniapp脚手架中vue3项目配置@,并且在vscode中有提示

  1. 在vite.config.js中配置一下代码

    import { defineConfig } from "vite";
    import uni from "@dcloudio/vite-plugin-uni";
    import { resolve } from "path";
    
    // https://vitejs.dev/config/
    export default defineConfig({
      plugins: [uni()],
      resolve: {
        // 路径别名
        alias: {
          "@": resolve(__dirname, "./src"),
        },
      },
    });
    
    
  2. 在项目根目录下创建一个 jsconfig.json 文件(如果你是使用 TypeScript,可以使用 tsconfig.json 文件)。添加以下内容:

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