Ich habe gerade wieder angefangen, mit Visual Studio Code zu arbeiten, nachdem ich jahrelang PHPStorm/Webstorm verwendet habe

Ich habe mich einfach für den Übergang entschieden, weil VSCode sehr leichtgewichtig ist und ich mich nicht auf einen kostenpflichtigen Dienst verlassen wollte bzw. ihn nicht auf jedem Computer haben wollte, da VSCode praktisch überall und kostenlos ist.

Ich fange wieder an

Vite+Vue3

Jetzt habe ich ein paar Probleme importieren STRG+Klick – zur Referenz gehen Automatische Vervollständigung

Meine Vite.config sieht wie folgt aus – Alias aktiviert

import { defineConfig } from "vite"; import { fileURLToPath, URL } from "url"; import vue from "@vitejs/plugin-vue"; import path from "path"; // https://vitejs.dev/config/ ///  export default defineConfig({ resolve: { extensions: [".js", ".json", ".vue", ".scss", ".css"], fallback: { crypto: path.resolve("crypto-browserify"), stream: path.resolve("stream-browserify"), }, alias: { "@": fileURLToPath(new URL("./src", import.meta.url)), img: path.resolve(__dirname, "./public/img"), }, }, plugins: [vue()], test: {}, server: { port: 8080, }, build: { sourcemap: false, minify: false, assetsDir: "chunks", }, css: { preprocessorOptions: { scss: { additionalData: `@use "sass:math"; @import "./src/assets/scss/v2/legacy.scss"; @import "./src/assets/scss/common.scss";`, }, }, }, });

Jetzt kann ich nur mit der Vite-Konfiguration mit dem „@“-Alias importieren – aber es passiert kein Intellisense. Ich kann den Import weder automatisch abschließen noch kann ich Strg + Klicken drücken

Nach dem Hinzufügen der Datei jsconfig.json

{ "compilerOptions": { "target": "ESNext", "baseUrl": ".", "paths": { "@/*": ["src/*"] } } }

Ich kann meine Komponenten jetzt mit „@“ importieren, habe volle Intelligenz über sie und kann sie bei gedrückter STRG-Taste anklicken Allerdings habe ich jetzt die Möglichkeit verloren, node_modules zu importieren – ich habe jeglichen Intellisense verloren

Wenn ich also mein vite/jsconfig verwende, kann ich den „@“-Alias bei gedrückter Strg-Taste anklicken/automatisch vervollständigen Aber ich habe meine node_module-Importfunktion verloren

Wenn ich diese Vite.config-Aliaskonfigurationen entferne und jsconfig lösche Ich habe das node_module intellisense zurückbekommen, aber das intellisense des Projekts verloren.

Was fehlt mir hier? Bitte helfen Sie mir, dieses Problem zu lösen.

Ich habe auch alle NPM-Importerweiterungen entfernt, damit ich verstehen kann, wie es funktioniert