在使用 PHPStorm/Webstorm 多年后，刚刚再次开始使用 Visual Studio 代码工作

我决定进行过渡，只是因为 VSCode 非常轻量级，而且我不想依赖付费服务/在每台计算机上都拥有它，因为 VSCode 几乎无处不在并且免费。

我重新开始

Vite+Vue3

现在我遇到了几个问题 进口 CTRL+单击 - 转到参考 自动完成

我的Vite.config如下 - 启用别名

import { defineConfig } from "vite";
import { fileURLToPath, URL } from "url";
import vue from "@vitejs/plugin-vue";
import path from "path";
// https://vitejs.dev/config/
/// <reference types="vitest" />
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";`,
            },
        },
    },
});

现在，仅通过 vite 配置，我就可以使用“@”别名导入 - 但没有发生智能感知， I can't autocomplete 进口 nor can I ctrl + click

添加 jsconfig.json 文件后

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

我现在可以使用“@”导入我的组件，并且对它们也有完整的智能感知，并且可以按住 CTRL 键并单击它们 但是，现在我失去了导入 node_modules 的能力 - 失去了所有智能感知

所以，如果我使用我的 vite/jsconfig，我可以 ctrl+click/自动完成“@”别名 但我失去了我的node_module导入功能

如果我删除那些 vite.config 别名配置并删除 jsconfig 我找回了 node_module 智能感知，但丢失了项目的智能感知。

我在这里缺少什么？请帮我解决这个问题。

我还删除了任何/每个 npm 导入扩展，以便我能够理解它是如何工作的