En un proyecto de Vite, mi archivo de configuración es el siguiente
import { defineConfig } from 'vite'; import vue from '@vitejs/plugin-vue'; import path from 'path'; export default defineConfig({ plugins: [vue()], build: { outDir: 'public', }, resolve: { alias: { '@': path.resolve(__dirname, './src/components'), '~': path.resolve(__dirname, './src'), }, }, envDir: './', envPrefix: 'STO_', }); VSCode no analiza las rutas que comienzan con @ o ~ , por lo que si un archivo no existe, ni siquiera veo el error y tengo una mala experiencia de finalización automática.
En PhpStorm, creo que hay un archivo llamado phpstorm.config.js donde podemos decirle al editor cómo analizar dichos caracteres.
System.config({ paths: { '@/*': './src/components/*', '~/*': './src/*', }, });¿Cómo puedo arreglar esto en VSCode? ¿Hay un enfoque similar?
mismo enfoque que con un paquete web
configuré mi tsconfig.json (o, alternativamente jsconfig.json ) para volver a asignar las declaraciones de importación:
{ "compilerOptions": { "baseUrl": ".", "paths": { "~/*": ["./src/*"], "@/*": ["./src/components/*"] } } }misma respuesta que https://stackoverflow.com/a/39414291/13278193