1. 程式人生 > >vue調試工具的安裝

vue調試工具的安裝

git clone logs sta element uil json 行數 shel 模式

開發避免不了的就是調試工具,因為vue是進行數據驅動的,單從chrome裏面進行element查看,查不到什麽鳥東西,必須要進行對數據動向進行關查,那我就行一步一步教大安裝

首先是下載這個工具,github下載地址:https://github.com/vuejs/vue-devtools,或者直接使用git克隆下來 git clone https://github.com/vuejs/vue-devtools

下載好後,在項目裏面進入cmd 把依賴裝好npm install 之後再進行npm run build

技術分享

技術分享

然後打開shells>chrome>manifest.json 把裏面的"persistent": false改為true

技術分享

打開chrome—打開裏面的設置 > 點擊擴展程序 > 點擊開發者模式

再點擊加載已解壓的擴展程序,然後把shells>chrome這個文件夾放入就ok了

技術分享

你再打開一個用vue寫的網頁,你再打開chrom調試工具你就會發現

技術分享

vue調試工具的安裝