Vue設(shè)置別名聯(lián)想路徑即@/生效的方法
更新時間：2023年11月02日 08:47:48 作者：xyy123
這篇文章主要給大家介紹了Vue設(shè)置別名聯(lián)想路徑即@/生效的方法,文中有詳細的代碼示例和圖文講解,具有一定的參考價值,需要的朋友可以參考下
配置
設(shè)置聯(lián)想提示
在根目錄下添加配置文件jsconfig.json
{
// 聯(lián)想提示
"compilerOptions":{
"baseUrl":"./",
"paths":{
"@/*":[
"src/*"
]
}
}
}
設(shè)置路轉(zhuǎn)換
將 @ 映射為 ./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:{
// 路徑轉(zhuǎn)換
alias:{
'@':fileURLToPath(new URL('./src',import.meta.url))
}
}
})
使用
當使用 @ 時，自動提示并映射到 src 目錄下
以上就是Vue設(shè)置別名聯(lián)想路徑即@生效的方法的詳細內(nèi)容，更多關(guān)于Vue設(shè)置別名聯(lián)想路徑的資料請關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
這篇文章主要為大家詳細介紹了Vue中引用echarts的超詳細教程,文中的示例代碼簡潔易懂,對我們熟練使用vue有一定的幫助,需要的小伙伴可以參考一下2023-09-09
基于axios 的responseType類型的設(shè)置方法
今天小編就為大家分享一篇基于axios 的responseType類型的設(shè)置方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-10-10
這篇文章主要介紹了Vue3?中的?watchEffect?特性詳解,watchEffect?是?Vue3?中非常有用的一個特性，它可以讓我們輕松地監(jiān)聽響應式數(shù)據(jù)的變化，并在數(shù)據(jù)發(fā)生變化時執(zhí)行指定的回調(diào)函數(shù)，從而簡化代碼并提高應用的性能，需要的朋友可以參考下2023-04-04
前端使用print.js實現(xiàn)打印功能(基于vue)
最近新接了一個需求,想要在前端實現(xiàn)打印功能,下面這篇文章主要給大家介紹了關(guān)于前端使用print.js實現(xiàn)打印功能(基于vue)的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2023-05-05
這篇文章主要為大家詳細介紹了Vue3如何結(jié)合Typescript實現(xiàn)合并多個pdf并預覽打印,同時可以兼容低版本瀏覽器,感興趣的小伙伴可以跟隨小編一起學習一下2025-04-04
這篇文章主要介紹了vue3組合式API實現(xiàn)todo列表,下面用組合式?API的寫法,實現(xiàn)一個可新增、刪除的todo列表效果,需要的朋友可以參考下2024-08-08
這篇文章主要大家介紹了查看當前vue項目所需Node.js版本的方法,文章通過代碼示例給大家介紹的非常詳細,對大家的學習或工作有一定的幫助,需要的朋友可以參考下2023-11-11
Vue?cli3.0創(chuàng)建Vue項目的簡單過程記錄
Vue CLI是一個基于Vue.js進行快速開發(fā)的完整系統(tǒng),下面這篇文章主要給大家介紹了關(guān)于Vue?cli3.0創(chuàng)建Vue項目的相關(guān)資料,文中通過圖文介紹的非常詳細,需要的朋友可以參考下2022-08-08
Electron+vue從零開始打造一個本地播放器的方法示例
這篇文章主要介紹了Electron+vue從零開始打造一個本地播放器的方法示例，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-10-10
記錄一下自己最近開發(fā)vue3.0的小小問題,下面這篇文章主要給大家介紹了關(guān)于vue3輸入框生成的時候如何自動獲取焦點的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-09-09