安裝vue-devtools

手動安裝

第一步：找到vue-devtools的github項目，並將其clone到本地. vue-devtools

git clone https://github.com/vuejs/vue-devtools.git

第二步：進入vue-devtools項目中，安裝項目所須要的npm包

npm install //若是太慢的話，能夠安裝一個cnpm, 而後命令換成 cnpm install

第三步：編譯項目文件

npm run build

第四步：添加至chrome遊覽器

遊覽器輸入地址「chrome://extensions/」進入擴展程序頁面，點擊「加載已解壓的擴展程序...」按鈕，選擇vue-devtools>shells下的chrome文件夾。 /** *若是看不見「加載已解壓的擴展程序...」按鈕，則須要勾選「開發者模式」。 */

到此添加完成，效果圖以下：

 

原文：https://segmentfault.com/a/1190000009682735