Vue3+Ts+Vite配置项目路径别名（@/....）

1、首先安装path插件

"path-intellisense.mappings": {
        "@": "${workspaceRoot}/src"
 },

添加完就会有提示

但是还会报TS的错

2、解决TS报错

在tsconfig.json中加下面代码

 "compilerOptions": {

    "baseUrl": "./",
    "paths": {
      "@/*":[
        "src/"    //配置文件路径，@直接到src
      ],
      "#/*":[
        "types/*"
      ]
    }
  },

这样Ts就不报错了

3、解决vite报错

在vite.config.ts加入下面代码

import * as path from "path"


export default defineConfig({
  plugins: [vue()],
  resolve:{
    alias:{
      "@":path.join(__dirname,"src"),
      "#":path.join(__dirname,"types")
    }
  }
})

更多vite 配置项请查看文档：https://vitejs.cn/config/#resolve-alias