configuración vscode @ ruta raíz

1. Dependencias de instalación

npm install path --save

Dos, instala el complementoPath Intellisense

3. Configuración - buscar ruta-intellisense - editar en settings.json

 Configuración:

{
  "path-intellisense.mappings": {
    "@": "${workspaceRoot}/src"
  },
}

四、vite.config.jsConfiguración de alias en . Asegúrese de que @el símbolo esté correctamente asignado al srcdirectorio

import { defineConfig } from 'vite';
import path from 'path';

export default defineConfig({
  resolve: {
    alias: {
      '@': path.resolve(__dirname, 'src'),
    },
  },
  // 其他配置...
});

5. En el directorio raíz del proyecto, cree un archivo jsconfig.json con el siguiente contenido:

{
  "compilerOptions": {
    "target": "ES6",
    "module": "commonjs",
    "allowSyntheticDefaultImports": true,
    "baseUrl": "./",
    "paths": {
      "@/*": [
        "src/*"
      ]
    }
  },
  "exclude": [
    "node_modules"
  ]
}