vue 別名路徑智能提示配置

vue 別名路徑智能提示 配置文件

在tsconfig.json 或者jsconfig.json中配置以下內容

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

修改后記得重新啟動項目

在vite項目中還需要在vite.config.ts或者vite.config.js配置以下代碼

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
  resolve: {
    alias: {
      "@": "/src"
    }
  },
  base: './'
})