VsCode 联想路径配置

问题：举一个例子，引入文件 import store from ‘./store’，在输入 ./st 后会提示store。

配置路径别名后

 webpack: {
    // 配置别名
    alias: {
      // 使用 @ 表示 src 文件所在路径
      '@': path.resolve(__dirname, 'src')
    }
  }

项目配置路径后输入 import store from ‘@/’,自动联想提示没有了.

解决：项目目录下添加jsconfig.json文件，添加路径提示配置。加入配置后VsCode会自动读取配置

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

---

vite react ts 项目里面：

1：需要安装node类型包 npm i @types/node -D

2：vite.config.ts文件写入

import path from 'path'
export default defineConfig({
  plugins: [react()],
  resolve: {
    alias: {
      '@': path.resolve(__dirname, './src'),
    },
  },
})

3：修改tsconfig.json 或者 tsconfig.app.json文件

看具体文件,写在compilerOptions里

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