Vue調試神器vue-devtools

手動安裝方法：

1.找到vue-devtools的github項目，並將其clone到本地. vue-devtools

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

2.安裝項目所須要的npm包

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

3.編譯項目文件

$ npm run bulid

4.添加至chrome遊覽器

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