vscode: vite 的项目 @/alias/tsconfig/jsconfig 跳转问题

默认 @ 无法跳转到 src 目录里的对应路径

配置

针对非 typescript 的项目，使用 jsconfig.json

如果是 typescript 的项目，直接写在 tsconfig.json 里即可。

{
  "compilerOptions": {
    "types": [
      "@dcloudio/types",
      "miniprogram-api-typings",
      "mini-types"
    ],
    "baseUrl": "./",
    "paths": {
      "@/*": [
        "src/*"
      ]
    }
  }
}

注意

加完之后，记得重启 vscode，因为 jsconfig.json文件是给 vscode IDE 读取的配置文件，重启IDE才能生效！！！

vite alias

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [react()],
  resolve: {
    alias: {
      '@': '/src'
    }
  }
})

参考

• https://blog.csdn.net/hzxOnlineOk/article/details/120310225