基于vue項目設置resolves.alias: '@'路徑并適配webstorm

更新時間：2020年12月02日 09:57:29 作者：王者歸來！

這篇文章主要介紹了基于vue項目設置resolves.alias: '@'路徑并適配webstorm,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下

在webpack的配置項中添加下面代碼

function resolve (dir) {
 return path.join(__dirname, dir)
}
webpackConfig = {
  resolve: {
   alias: {
    '@': resolve('src')
   }
  }
}

然后再設置一下下，在你的IDE中按住CTRL就能根據(jù)路徑跳轉到對應文件了

描述： ctrl+alt+s 搜索 webpack 然后選擇\node_modules\@vue\cli-service\webpack.config.js 文件點擊 OK

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

vue里的axios如何獲取本地json數(shù)據(jù)
這篇文章主要介紹了vue里的axios如何獲取本地json數(shù)據(jù)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-08-08
vue3中7種路由守衛(wèi)的使用大全舉例
最近在學習vue,感覺路由守衛(wèi)這個地方知識點挺多的,而且很重要,下面這篇文章主要給大家介紹了關于vue3中7種路由守衛(wèi)的使用大全,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下
2023-03-03
vue3 銷毀組件方法及問題解決方案
這篇文章主要介紹了vue3 銷毀組件方法,本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2023-04-04
unplugin-svg-component優(yōu)雅使用svg圖標指南
這篇文章主要為大家介紹了unplugin-svg-component優(yōu)雅使用svg圖標指南，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2023-03-03
Vue按照順序實現(xiàn)多級彈窗效果附Demo
這篇文章主要介紹了Vue按照順序實現(xiàn)多級彈窗效果附Demo,通過實例代碼介紹了單個彈窗和多級彈窗的實現(xiàn)方法,感興趣的朋友跟隨小編一起看看吧
2024-05-05
vue獲取form表單的值示例
今天小編就為大家分享一篇vue獲取form表單的值示例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-10-10
vue+element自定義查詢組件
這篇文章主要為大家詳細介紹了vue+element自定義查詢組件，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-09-09
v-html渲染組件問題
最近在學習vue，今天正好發(fā)現(xiàn)個問題，本文介紹了v-html渲染組件問題，整理了問題的解決方法，有需要的小伙伴可以參考下
2021-05-05
vue3.0中setup的兩種用法實例
setup函數(shù)是一個新的組件選項,作為在組件內使用Composition Api的入口點,下面這篇文章主要給大家介紹了關于vue3.0中setup的兩種用法,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下
2022-09-09
Vue使用watch監(jiān)聽一個對象中的屬性的實現(xiàn)方法
這篇文章主要介紹了Vue使用watch監(jiān)聽一個對象中的屬性的實現(xiàn)方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2019-05-05