vite配置@路径以及vue识别@

npm install path

找到vite.config.js 文件

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import path from 'path' 
 
export default defineConfig({
  plugins: [
    vue(),
  ],
  resolve: {
    alias: {
      '@': path.resolve(__dirname, './src')
    },
  },
 
})

3、看看有没有jsconfig.json文件，没有就新建一个，然后把代码粘贴进入，配置就完成了

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

如果第二步__dirname不识别

在tsconfig.json 文件中添加 "node" 进 compilerOptions.types

{
 "compilerOptions": {
  ...
  "types": [
    "node"
  ]
  ...
  }
}

最后

npm install @types/node --save-dev