快捷導(dǎo)航

Vue設(shè)置別名聯(lián)想路徑即@/生效的方法

更新時間：2023年11月02日 08:47:48 作者：xyy123

這篇文章主要給大家介紹了Vue設(shè)置別名聯(lián)想路徑即@/生效的方法,文中有詳細(xì)的代碼示例和圖文講解,具有一定的參考價值,需要的朋友可以參考下

配置

設(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))
    }
  }
})

使用

當(dāng)使用 @ 時，自動提示并映射到 src 目錄下

以上就是Vue設(shè)置別名聯(lián)想路徑即@生效的方法的詳細(xì)內(nèi)容，更多關(guān)于Vue設(shè)置別名聯(lián)想路徑的資料請關(guān)注腳本之家其它相關(guān)文章！

您可能感興趣的文章:

相關(guān)文章

vue?echart的使用詳細(xì)教程
這篇文章主要為大家詳細(xì)介紹了Vue中引用echarts的超詳細(xì)教程,文中的示例代碼簡潔易懂,對我們熟練使用vue有一定的幫助,需要的小伙伴可以參考一下
2023-09-09
基于axios 的responseType類型的設(shè)置方法
今天小編就為大家分享一篇基于axios 的responseType類型的設(shè)置方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-10-10
詳解Vue3?中的watchEffect?特性
這篇文章主要介紹了Vue3?中的?watchEffect?特性詳解,watchEffect?是?Vue3?中非常有用的一個特性，它可以讓我們輕松地監(jiān)聽響應(yīng)式數(shù)據(jù)的變化，并在數(shù)據(jù)發(fā)生變化時執(zhí)行指定的回調(diào)函數(shù)，從而簡化代碼并提高應(yīng)用的性能，需要的朋友可以參考下
2023-04-04
前端使用print.js實現(xiàn)打印功能(基于vue)
最近新接了一個需求,想要在前端實現(xiàn)打印功能,下面這篇文章主要給大家介紹了關(guān)于前端使用print.js實現(xiàn)打印功能(基于vue)的相關(guān)資料,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2023-05-05
Vue3+Typescript合并多個pdf并預(yù)覽打印
這篇文章主要為大家詳細(xì)介紹了Vue3如何結(jié)合Typescript實現(xiàn)合并多個pdf并預(yù)覽打印,同時可以兼容低版本瀏覽器,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下
2025-04-04
vue3組合式API實現(xiàn)todo列表效果
這篇文章主要介紹了vue3組合式API實現(xiàn)todo列表,下面用組合式?API的寫法,實現(xiàn)一個可新增、刪除的todo列表效果,需要的朋友可以參考下
2024-08-08
查看當(dāng)前vue項目所需Node.js版本的方法
這篇文章主要大家介紹了查看當(dāng)前vue項目所需Node.js版本的方法,文章通過代碼示例給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作有一定的幫助,需要的朋友可以參考下
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)資料,文中通過圖文介紹的非常詳細(xì),需要的朋友可以參考下
2022-08-08
Electron+vue從零開始打造一個本地播放器的方法示例
這篇文章主要介紹了Electron+vue從零開始打造一個本地播放器的方法示例，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-10-10
vue3輸入框生成的時候如何自動獲取焦點詳解
記錄一下自己最近開發(fā)vue3.0的小小問題,下面這篇文章主要給大家介紹了關(guān)于vue3輸入框生成的時候如何自動獲取焦點的相關(guān)資料,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2022-09-09