【vue】--- 調(diào)試工具vue-devtools的安裝

一、可以在chrome商店中下載安裝,當然需要FQ哈,你懂得~;
二、手動安裝(重點介紹):

  1. 將github上項目文件克隆到本地,https://github.com/vuejs/vue-devtools;
git clone https://github.com/vuejs/vue-devtools
  1. 安裝依賴:
npm i 或者 npm install
  1. 依賴安裝完畢,運行命令來對文件進行編譯:
npm run build
  1. 打開chrome,可以輸入 chrome://extensions/,也可以點擊右上角三個點 => 更多工具 => 擴展程序,來進入擴展程序頁面(我的chrome版本為73);
    捕獲.PNG

    點擊 加載已解壓的擴展程序(如果沒有這個選項,請勾選開發(fā)者模式),然后選擇 vue-devtools => shells => chrome 文件夾即可;
  2. 添加完成;


    1264576-20171219160833631-1109743044.png
  3. 打開F12開發(fā)者工具,會多出vue選項一欄,可以在里面看到組件、vue對象等的一些信息啥的~;


    1264576-20171219161143459-827988375.png
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容