webstrom Debug 調(diào)試vue項(xiàng)目的方法步驟
第一種,使用vue插件
1、下載插件:http://www.dbjr.com.cn/softs/588080.html
這樣直接run一個(gè)vue項(xiàng)目,你就會(huì)看見插件標(biāo)亮了
打開調(diào)試模式,你就會(huì)看見最后有個(gè)vue標(biāo)記,打開能看見當(dāng)前vue頁面渲染相關(guān)數(shù)據(jù)
第二種,使用webstrom調(diào)試下載插件
下載地址:http://www.dbjr.com.cn/softs/171905.html
打開webstrom Debugger, 記住端口號(hào)
打開剛才安裝的插件,選項(xiàng),填入剛才看見的端口號(hào)
添加一個(gè)debug配置
這樣運(yùn)行一個(gè)vue項(xiàng)目,并且在頁面上右鍵,就開啟了調(diào)試模式
隨意在webstrom上斷點(diǎn)調(diào)試,完美(此處有金星老師手勢(shì))!?。。。。。?!
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
jdk1.8+vue elementui實(shí)現(xiàn)多級(jí)菜單功能
這篇文章主要介紹了jdk1.8+vue elementui實(shí)現(xiàn)多級(jí)菜單功能,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-09-09vuex 多模塊時(shí) 模塊內(nèi)部的mutation和action的調(diào)用方式
這篇文章主要介紹了vuex 多模塊時(shí) 模塊內(nèi)部的mutation和action的調(diào)用方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2020-07-07淺談vue 組件中的setInterval方法和window的不同
這篇文章主要介紹了淺談vue 組件中的setInterval方法和window的不同,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2020-07-07Elemenu中el-table中使用el-popover選中關(guān)閉無效解決辦法(最新推薦)
這篇文章主要介紹了Elemenu中el-table中使用el-popover選中關(guān)閉無效解決辦法(最新推薦),因?yàn)樵趀l-table-column里,因?yàn)槭嵌嘈?使用trigger="manual"?時(shí),用v-model="visible"來控制時(shí),控件找不到這個(gè)值,才換成trigger="click",需要的朋友可以參考下2024-03-03vue3封裝數(shù)字滾動(dòng)組件的實(shí)現(xiàn)示例
本文主要介紹了vue3封裝數(shù)字滾動(dòng)組件的實(shí)現(xiàn)示例,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2024-08-08