怎么给路径起别名, 并且开启代码提示-526互联

效果 : 将src文件夹用@符号代替, 并且在输入的时候还有提示

实现:

vue-cli创建的项目, 在jsconfig.json文件里面
{
  "compilerOptions": {
    "baseUrl": "./",
      "paths": {
        "@/*":[
          "src/*"
        ]
      },
  }
}
vite创建的项目, 在vite.config.js文件里面
import { defineConfig } from 'vite';
import path from 'path';
export default defineConfig({
  resolve: {
    alias: {
      '@': path.resolve(__dirname, 'src'),
    },
  },
})
如果是vite.config.ts文件,还需要先安装npm i @types/node -D,并且在tsconfig.node.json配置
"compilerOptions": {
	...
    "allowSyntheticDefaultImports": true
  },
要想有别名的提示, 还需要在tsconfig.json或者jsconfig.json里面:
{
  "compilerOptions": {
    "baseUrl": "./",
      "paths": {
        "@/*":[
          "src/*"
        ]
      },
  }
}