intellij?idea+vue前端調(diào)試配置圖文教程
更新時(shí)間：2024年09月05日 10:52:11 作者：joyloveit
在Vue項(xiàng)目開(kāi)發(fā)過(guò)程中,當(dāng)遇到應(yīng)用邏輯出現(xiàn)錯(cuò)誤,但又無(wú)法準(zhǔn)確定位的時(shí)候,知曉Vue項(xiàng)目調(diào)試技巧至關(guān)重要,debug是必備技能,這篇文章主要給大家介紹了關(guān)于intellij?idea+vue前端調(diào)試配置的相關(guān)資料,需要的朋友可以參考下
一、安裝vue插件
二、idea->Edit Configuration
1、如圖，添加類型為npm的配置；執(zhí)行腳本內(nèi)容為dev；這一步等同于用控制臺(tái)終端手動(dòng)執(zhí)行 npm run dev；用于啟動(dòng)node服務(wù)器。
2、添加一個(gè)JavaScript Debug 類型的配置，用于調(diào)試；其中http://localhost:9527 指向頁(yè)面啟動(dòng)的地址。默認(rèn)使用Chrome瀏覽器。
三、先啟動(dòng)npm-service，再啟動(dòng)JavaScriptDebug，就可以調(diào)試了。
總結(jié)
到此這篇關(guān)于intellij idea+vue前端調(diào)試配置的文章就介紹到這了,更多相關(guān)idea vue前端調(diào)試配置內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
vue實(shí)現(xiàn)定義一個(gè)全局實(shí)例Vue.prototype
這篇文章主要介紹了vue實(shí)現(xiàn)定義一個(gè)全局實(shí)例Vue.prototype，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-07-07
vue中手機(jī)號(hào),郵箱正則驗(yàn)證以及60s發(fā)送驗(yàn)證碼的實(shí)例
下面小編就為大家分享一篇vue中手機(jī)號(hào),郵箱正則驗(yàn)證以及60s發(fā)送驗(yàn)證碼的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-03-03
解決el-select數(shù)據(jù)量過(guò)大的3種方案
最近做完一個(gè)小的后臺(tái)管理系統(tǒng),快上線了,發(fā)現(xiàn)一個(gè)問(wèn)題,有2個(gè)select的選項(xiàng)框線上的數(shù)據(jù)量是1w+,而測(cè)試環(huán)境都是幾百的,所以導(dǎo)致頁(yè)面直接卡住了,本文給大家總結(jié)了3種方法,需要的朋友可以參考下2023-09-09
這篇文章主要介紹了在Vue 中獲取下拉框的文本及選項(xiàng)值操作，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-08-08
vue使用stompjs實(shí)現(xiàn)mqtt消息推送通知
這篇文章主要為大家詳細(xì)介紹了vue中使用stompjs實(shí)現(xiàn)mqtt消息推送通知，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-06-06
解決vue 使用axios.all()方法發(fā)起多個(gè)請(qǐng)求控制臺(tái)報(bào)錯(cuò)的問(wèn)題
這篇文章主要介紹了解決vue 使用axios.all()方法發(fā)起多個(gè)請(qǐng)求控制臺(tái)報(bào)錯(cuò)的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-11-11
nginx是一個(gè)高性能的HTTP和反向代理服務(wù)器。這篇文章主要介紹了vue.js項(xiàng)目nginx部署,需要的朋友可以參考下2018-04-04
Vue如何實(shí)現(xiàn)監(jiān)聽(tīng)組件原生事件
這篇文章主要介紹了Vue如何實(shí)現(xiàn)監(jiān)聽(tīng)組件原生事件,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-07-07
Ant Design Vue是使用Vue實(shí)現(xiàn)的遵循Ant Design設(shè)計(jì)規(guī)范的高質(zhì)量UI組件庫(kù),用于開(kāi)發(fā)和服務(wù)于企業(yè)級(jí)中后臺(tái)產(chǎn)品,下面這篇文章主要給大家介紹了關(guān)于vue中ant-design-vue組件安裝與使用的相關(guān)資料,需要的朋友可以參考下2022-04-04
vue2升級(jí)vue3問(wèn)題bug解決分析整理
這篇文章主要介紹了vue2升級(jí)vue3遇到的問(wèn)題bug解決分析整理,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-10-10