學習Vue.js時，Chrome瀏覽器安裝Vue.js devtool能很方便的查看Vue對象、組件、事件等。 本文以Chrome瀏覽器插件Vue.js devtools_3.1.2_0.crx的安裝為例。 步驟： 1、打開Chrome瀏覽器，右上角找到“自定義及控制Google Chrome”圖標 ...
學習Vue.js時，Chrome瀏覽器安裝Vue.js devtool能很方便的查看Vue對象、組件、事件等。
本文以Chrome瀏覽器插件Vue.js devtools_3.1.2_0.crx的安裝為例。
步驟：
1、打開Chrome瀏覽器，右上角找到“自定義及控制Google Chrome”圖標。
2、點擊圖標，找到“更多工具”菜單項下的“擴展程式”（第1步和第2步也可以合併為直接在地址欄輸入：chrome://extensions/）
3、將Vue.js devtools_3.1.2_0.crx文件拖放至擴展程式中即可安裝。
4、安裝完成後，在瀏覽器的右上角會看到V字型圖標。
5、點擊V字型圖標，可能會提示：Vue.js not detected的信息，接下來解決這個問題。
6、首先找到剛纔在擴展程式中安裝的Vue.js devtools 3.1.2，點擊“詳細信息”，能看到Vue.js devtools的ID，我的是：blilalokifjgienomccehdbhiamjcppo。同時，將“允許訪問文件網址”的選項啟用。
7、然後到C:\Users\temptation\AppData\Local\Google\Chrome\User Data\Default\Extensions目錄下（其中temptation是我的系統賬戶名稱），能找到相應的Chrome瀏覽器插件的目錄文件，其中就有和ID同名的blilalokifjgienomccehdbhiamjcppo目錄。
8、打開目錄，找到manifest.json文件，打開找到"background"節點，將其"persistent"屬性的值從false修改為true。
9、重啟Chrome瀏覽器，打開使用Vue.js開發版的網頁文件，發現此時Vue.js devtools圖標亮了，可以使用該插件了。
