Vue设置别名联想路径即@/生效的方法
更新时间:2023年11月02日 08:47:48 作者:xyy123
这篇文章主要给大家介绍了Vue设置别名联想路径即@/生效的方法,文中有详细的代码示例和图文讲解,具有一定的参考价值,需要的朋友可以参考下
配置
设置联想提示
在根目录下添加配置文件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
目录下
以上就是Vue设置别名联想路径即@生效的方法的详细内容,更多关于Vue设置别名联想路径的资料请关注脚本之家其它相关文章!
相关文章
VUE解决微信签名及SPA微信invalid signature问题(完美处理)
这篇文章主要介绍了VUE解决微信签名及SPA微信invalid signature问题(完美处理),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧2019-03-03vue使用canvas画布实现平面图点位标注功能(最新推荐)
这篇文章主要介绍了vue使用canvas画布实现平面图点位标注功能,经过本文一番研究发现canvas标签可以完成很多功能,电子签名,点位标注,问题标注,画图功能,感兴趣的朋友跟随小编一起看看吧2023-07-07移动端滑动切换组件封装 vue-swiper-router实例详解
这篇文章主要介绍了移动端滑动切换组件封装 vue-swiper-router实例详解,需要的朋友可以参考下2018-11-11
最新评论