解决 VScode 开发 vite 项目 别名无法按住 command 或者 control 键自动跳转的问题

在使用 Vite 与 VSCode 结合开发时，我们经常会使用路径别名来简化模块导入。但有时，VSCode 中的跳转可能不如预期。这里，我们提供一个简单的解决方案。

1. Vite 配置

首先，在 vite.config.js 确保你的别名设置如下：

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

export default defineConfig({
  resolve: {
    alias: {
      "@": path.resolve(__dirname, "src"),
    },
  },
});

2. VSCode 配置

在项目根目录，添加或修改 jsconfig.json 或 tsconfig.json：

{
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "@/*": ["src/*"]
    }
  },
  "include": ["src/**/*.js", "src/**/*.ts", "src/**/*.vue", "src/**/*.tsx"]
}

注意：当使用 .vue 文件时，确保在导入中明确添加 .vue 后缀，如：

import MyComponent from "@/components/MyComponent.vue";

结论:

确保 Vite 和 VSCode 的配置一致，并注意在导入时添加正确的文件扩展名，可以解决 VSCode 路径别名跳转的问题。