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中引用echarts的超详细教程,文中的示例代码简洁易懂,对我们熟练使用vue有一定的帮助,需要的小伙伴可以参考一下2023-09-09
今天小编就为大家分享一篇基于axios 的responseType类型的设置方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-10-10
这篇文章主要介绍了Vue3 中的 watchEffect 特性详解,watchEffect 是 Vue3 中非常有用的一个特性，它可以让我们轻松地监听响应式数据的变化，并在数据发生变化时执行指定的回调函数，从而简化代码并提高应用的性能，需要的朋友可以参考下2023-04-04
最近新接了一个需求,想要在前端实现打印功能,下面这篇文章主要给大家介绍了关于前端使用print.js实现打印功能(基于vue)的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2023-05-05
这篇文章主要为大家详细介绍了Vue3如何结合Typescript实现合并多个pdf并预览打印,同时可以兼容低版本浏览器,感兴趣的小伙伴可以跟随小编一起学习一下2025-04-04
这篇文章主要介绍了vue3组合式API实现todo列表,下面用组合式 API的写法,实现一个可新增、删除的todo列表效果,需要的朋友可以参考下2024-08-08
这篇文章主要大家介绍了查看当前vue项目所需Node.js版本的方法,文章通过代码示例给大家介绍的非常详细,对大家的学习或工作有一定的帮助,需要的朋友可以参考下2023-11-11
Vue CLI是一个基于Vue.js进行快速开发的完整系统,下面这篇文章主要给大家介绍了关于Vue cli3.0创建Vue项目的相关资料,文中通过图文介绍的非常详细,需要的朋友可以参考下2022-08-08
Electron+vue从零开始打造一个本地播放器的方法示例
这篇文章主要介绍了Electron+vue从零开始打造一个本地播放器的方法示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-10-10
记录一下自己最近开发vue3.0的小小问题,下面这篇文章主要给大家介绍了关于vue3输入框生成的时候如何自动获取焦点的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-09-09
最新评论