第一種，使用vue插件

1、下載插件：http://www.49028c.com/softs/588080.html

這樣直接run一個vue項目，你就會看見插件標亮了

打開調試模式，你就會看見最后有個vue標記，打開能看見當前vue頁面渲染相關數據

第二種，使用webstrom調試下載插件

下載地址：http://www.49028c.com/softs/171905.html

打開webstrom Debugger, 記住端口號

打開剛才安裝的插件，選項，填入剛才看見的端口號

添加一個debug配置

這樣運行一個vue項目，并且在頁面上右鍵，就開啟了調試模式

隨意在webstrom上斷點調試，完美（此處有金星老師手勢）?。。。。。。。?/p>

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持武林網。