vue項(xiàng)目設(shè)置@路徑提示,@代替src方式
更新時間：2025年11月03日 09:06:51 作者：Hello^_^Monkey
文章介紹了在Vue項(xiàng)目中配置`@`路徑提示的步驟,包括安裝`pathnpminstall path --save`、配置`vue.config.js`、安裝VSCode插件`Path Intellisense`、在`settings.json`中配置別名,并重啟VSCode
vue項(xiàng)目設(shè)置@路徑提示,@代替src
1.安裝path
npm install path --save
2.vue.config.js中配置
const path = require('path')
function resolve(dir) {
return path.join(__dirname, dir)
}
configureWebpack: {
name: name,
resolve: {
alias: {
'@': resolve('src')
}
},
},
3.下載VScode插件 Path-intellisense
4.在setting.json中配置
"path-intellisense.mappings": {
"@": "${workspaceRoot}/src/"
},
重啟vscode即可實(shí)現(xiàn)@ 路徑提示
總結(jié)
以上為個人經(jīng)驗(yàn)，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
對于日常使用vue3開發(fā)項(xiàng)目的前端小伙伴來說,組件通信方式可以說是必會的基本功,今天帶大家一起盤下vue3中的14種通信方式,希望對大家有所幫助2025-01-01
Vue動態(tài)組件?component?:is的使用代碼示范
vue?動態(tài)組件用于實(shí)現(xiàn)在指定位置上，動態(tài)加載不同的組件，這篇文章主要介紹了Vue動態(tài)組件?component?:is的使用,需要的朋友可以參考下2023-09-09
這篇文章主要介紹了vue 遮罩層阻止默認(rèn)滾動事件操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07
vue使用Print.js打印頁面樣式不出現(xiàn)的解決
這篇文章主要介紹了vue使用Print.js打印頁面樣式不出現(xiàn)的解決，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
基于vue-cli、elementUI的Vue超簡單入門小例子（推薦）
這篇文章主要介紹了基于vue-cli、elementUI的Vue超簡單入門小例子，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
vue3結(jié)合ts從零實(shí)現(xiàn)vueuse的useRouteQuery方法
這篇文章主要為大家詳細(xì)介紹了如何使用vue3與ts從零實(shí)現(xiàn)一個類vueuse的useRouteQuery方法,并解決vueuse的useRouteQuery方法存在的一些問題,感興趣的可以了解下2024-03-03
在項(xiàng)目開發(fā)過程中,我們經(jīng)常會用到svg矢量圖,本文主要介紹了vue3中引入svg矢量圖的實(shí)現(xiàn)示例,具有一定的參考價值,感興趣的可以了解一下2023-11-11
vue.js項(xiàng)目使用原生js實(shí)現(xiàn)移動端的輪播圖
這篇文章主要為大家介紹了vue.js項(xiàng)目中使用原生js實(shí)現(xiàn)移動端的輪播圖，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-04-04
在現(xiàn)代Web應(yīng)用中,步驟條作為一種常見的UI組件,廣泛應(yīng)用于表單提交、任務(wù)進(jìn)度以及多步驟操作等場景,下面我們來看看如何利用Vue實(shí)現(xiàn)一個蛇形步驟條吧2024-11-11
這篇文章主要介紹了正確更改Ant?Design?of?Vue樣式的問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09