在中國，你是無法使用谷歌應用商店，所以你下載插件，要使用一些別的手段，一種是下載源碼編譯，另一種是通過第三方網站。第一種不適合小白，所以現在介紹第二組。
下載插件網站
國外網站：https://www.crx4chrome.com/
國內網站：http://www.cnplugins.com/
建議使用第一個網址，插件與應用商店同步更新，打開網站后，搜索“Vue.js devtool”。下載后文件如下。
安裝方法
1、在瀏覽器中打開，更多工具-擴展程序
2、在把剛剛下載的文件拖進打開的頁面中。
3、安裝后頁面如下。同時勾選“開發者模式”。此時會出現插件id：nhdogjmejiglipccpnnnanhbledajbpd。注意，建議勾選“允許訪問文件網址”，這個可以允許插件對本地文件進行調試。如：file:///D:/Vue2.x/BookExample/01.hello.html。
4、使用id搜索，一般在C盤。選擇並打開對應的文件夾。
5、（可選配置）打開文件夾后，修改兩個文件。打開文件manifest.json，把"persistent": false改成"persistent": true；打開文件webpack.config.js，把NODE_ENV: '"production"'改成 NODE_ENV: '"development"'。
6、點擊“F12”，在調試工作中出現vue工具，如下圖。現在就可以調試了。
安裝后不能執行的解決方案
問題1：提示Vue.js not detected
解決方法：
（1）你的頁面沒有導入vue.js文件，或者不是vue應用。
問題2：提示：Vue.js is detected on this page. Devtools inspection is not available because it's in production mode or explicitly disabled by the author.
解決方法：
（1）檢查自己是否使用壓縮后的js，vue.min.js，使用壓縮后的js文件，會失去錯誤提示和警告。也可能會導致上面的問題。
（2）嘗試安裝方法中的第5步中的配置。
作者：南昌大魔王
鏈接：https://www.jianshu.com/p/01a61c8c722f
來源：簡書
著作權歸作者所有。商業轉載請聯系作者獲得授權，非商業轉載請注明出處。
