webstrom Debug 調(diào)試vue項目的方法步驟
更新時間：2018年07月17日 10:35:56 作者：碼路芽子
這篇文章主要介紹了webstrom Debug 調(diào)試vue項目的方法步驟，詳細的介紹了兩種調(diào)試vue項目的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
第一種，使用vue插件
1、下載插件：http://www.dhdzp.com/softs/588080.html
這樣直接run一個vue項目，你就會看見插件標亮了
打開調(diào)試模式，你就會看見最后有個vue標記，打開能看見當前vue頁面渲染相關數(shù)據(jù)
第二種，使用webstrom調(diào)試下載插件
下載地址：http://www.dhdzp.com/softs/171905.html
打開webstrom Debugger, 記住端口號
打開剛才安裝的插件，選項，填入剛才看見的端口號
添加一個debug配置
這樣運行一個vue項目，并且在頁面上右鍵，就開啟了調(diào)試模式
隨意在webstrom上斷點調(diào)試，完美（此處有金星老師手勢）?。。。。。。?！
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
詳解vue中使用express+fetch獲取本地json文件
本篇文章主要介紹了詳解vue中使用express+fetch獲取本地json文件，非常具有實用價值，需要的朋友可以參考下2017-10-10
Vue使用babel-polyfill兼容IE解決白屏及語法報錯問題
這篇文章主要介紹了Vue使用babel-polyfill兼容IE解決白屏及語法報錯問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03
Vue中Class和Style實現(xiàn)v-bind綁定的幾種用法
項目開發(fā)中給元素添加/刪除 class 是非常常見的行為之一， 例如網(wǎng)站導航都會給選中項添加一個 active 類用來區(qū)別選與未選中的樣式，那么在 vue 中 我們?nèi)绾翁幚磉@類的效果呢？下面我們就一起來了解一下2021-05-05
vue2.0 和 animate.css的結(jié)合使用
animate.css是一款前端動畫庫，相似的有velocity-animate。這篇文章給大家介紹vue2.0 和 animate.css的結(jié)合使用，需要的朋友參考下吧2017-12-12
這篇文章主要介紹了使用vue構建多頁面應用的示例，幫助大家更好的理解和使用vue，感興趣的朋友可以了解下2020-10-10
ECharts是一個強大的畫圖插件，在vue項目中，我們常?？梢砸肊charts來完成完成一些圖表的繪制，本文就來和大家介紹一下如何在Vue項目中引入ECharts吧2023-03-03
這篇文章主要給大家介紹了關于vue圖片懶加載代碼實現(xiàn)的相關資料,所謂圖片懶加載是指當我們?yōu)g覽頁面時,只加載我們?yōu)g覽器可視區(qū)的圖片,向下滾動時再繼續(xù)加載后面的圖片,需要的朋友可以參考下2023-07-07
el-date-picker設置日期默認值兩種方法(當月月初至月末)
這篇文章主要給大家介紹了關于el-date-picker設置日期默認值(當月月初至月末)的相關資料,文中通過代碼示例將解決的辦法介紹的非常詳細,對大家的學習或者工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-08-08
Vue3中的ref是一種創(chuàng)建響應式引用的方式,它在Vue生態(tài)系統(tǒng)中扮演著重要角色,下面這篇文章主要給大家介紹了關于Vue中動態(tài)綁定Ref的兩種方式,需要的朋友可以參考下2024-09-09
這篇文章主要介紹了vue如何封裝選擇文件組件和選擇文件api問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-08-08