vue插件之vue-devtools

 

補充1：vue-devtools的安裝

 

①打開cmd,進入你要安裝的vue項目裏（我仍是把它放在我第一個項目裏的）

---

 

 

 ②安裝項目所須要的npm包：npm install  （多等一會，npm的安裝比較慢）

---

 

 

③編譯項目文件：npm run build 

---

 

成功後出現下圖界面：

上述完成以後，進入vue-devtools->shells->chrome->src裏可看到下面幾個js文件

 

④修改文件配置

 進入vue-devtools->shells->chrome->manifest.json把裏面的「persistent」:false改成true

 

⑤擴展到Chrome瀏覽器      傳送網址：chrome://extensions/

選擇開發者模式-》加載已解壓的擴展程序（選擇vue-devtools->shells裏面的Chrome）-》容許訪問文件地址

 ⑥以後，進入再F12網頁，就會看到下圖的效果：

 

以上，完成~~~