webstrom Debug 調(diào)試vue項目的方法步驟
更新時間：2018年07月17日 10:35:56 作者：碼路芽子
這篇文章主要介紹了webstrom Debug 調(diào)試vue項目的方法步驟，詳細(xì)的介紹了兩種調(diào)試vue項目的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
第一種，使用vue插件
1、下載插件：http://chabaoo.cn/softs/588080.html
這樣直接run一個vue項目，你就會看見插件標(biāo)亮了
打開調(diào)試模式，你就會看見最后有個vue標(biāo)記，打開能看見當(dāng)前vue頁面渲染相關(guān)數(shù)據(jù)
第二種，使用webstrom調(diào)試下載插件
下載地址：http://chabaoo.cn/softs/171905.html
打開webstrom Debugger, 記住端口號
打開剛才安裝的插件，選項，填入剛才看見的端口號
添加一個debug配置
這樣運(yùn)行一個vue項目，并且在頁面上右鍵，就開啟了調(diào)試模式
隨意在webstrom上斷點調(diào)試，完美（此處有金星老師手勢）！?。。。。。?！
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了vue之將echart封裝為組件，本文將會以雷達(dá)圖為案例，一步步講解在vue項目中如何使用echart，如何將其封裝為能重復(fù)調(diào)用的組件2018-06-06
這篇文章主要介紹了vue項目中各文件的使用說明,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-02-02
jdk1.8+vue elementui實現(xiàn)多級菜單功能
這篇文章主要介紹了jdk1.8+vue elementui實現(xiàn)多級菜單功能,本文通過實例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-09-09
這篇文章主要介紹了Vue 實現(xiàn)雙向綁定的四種方法，非常不錯，具有參考借鑒價值，需要的朋友參考下吧2018-03-03
vuex 多模塊時 模塊內(nèi)部的mutation和action的調(diào)用方式
這篇文章主要介紹了vuex 多模塊時 模塊內(nèi)部的mutation和action的調(diào)用方式，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07
淺談vue 組件中的setInterval方法和window的不同
這篇文章主要介紹了淺談vue 組件中的setInterval方法和window的不同，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07
Elemenu中el-table中使用el-popover選中關(guān)閉無效解決辦法(最新推薦)
這篇文章主要介紹了Elemenu中el-table中使用el-popover選中關(guān)閉無效解決辦法(最新推薦),因為在el-table-column里,因為是多行,使用trigger="manual"?時,用v-model="visible"來控制時,控件找不到這個值,才換成trigger="click",需要的朋友可以參考下2024-03-03
這篇文章主要為大家詳細(xì)介紹了vue實現(xiàn)表格過濾功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-09-09
這篇文章主要為大家介紹了VUE Token的失效處理，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2021-11-11
本文主要介紹了vue3封裝數(shù)字滾動組件的實現(xiàn)示例,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2024-08-08