一、可以在chrome商店中下載安裝,當然需要FQ哈,你懂得~;
二、手動安裝(重點介紹):
- 將github上項目文件克隆到本地,https://github.com/vuejs/vue-devtools;
git clone https://github.com/vuejs/vue-devtools
- 安裝依賴:
npm i 或者 npm install
- 依賴安裝完畢,運行命令來對文件進行編譯:
npm run build
- 打開chrome,可以輸入 chrome://extensions/,也可以點擊右上角三個點 => 更多工具 => 擴展程序,來進入擴展程序頁面(我的chrome版本為73);
捕獲.PNG
點擊 加載已解壓的擴展程序(如果沒有這個選項,請勾選開發(fā)者模式),然后選擇 vue-devtools => shells => chrome 文件夾即可; -
添加完成;
1264576-20171219160833631-1109743044.png -
打開F12開發(fā)者工具,會多出vue選項一欄,可以在里面看到組件、vue對象等的一些信息啥的~;
1264576-20171219161143459-827988375.png

