Vue 设置别名联想路径

---

theme: smartblue

配置

设置联想提示

在根目录下添加配置文件jsconfig.json

{ // 联想提示 "compilerOptions":{ "baseUrl":"./", "paths":{ "@/*":[ "src/*" ] } } }

设置路转换

将 @ 映射为 ./src

```

import {fileURLToPath,URL} from 'node:url' import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue'

// https://vitejs.dev/config/ export default defineConfig({ plugins: [vue()], resolve:{ // 路径转换 alias:{ '@':fileURLToPath(new URL('./src',import.meta.url)) } } })

```

使用

当使用 @ 时，自动提示并映射到src 目录下