【原】無腦操做：Chrome瀏覽器安裝Vue.js devtool

學習Vue.js時，Chrome瀏覽器安裝Vue.js devtool能很方便的查看Vue對象、組件、事件等。

本文以Chrome瀏覽器插件Vue.js devtools_3.1.2_0.crx的安裝爲例。

步驟：

一、打開Chrome瀏覽器，右上角找到「自定義及控制Google Chrome」圖標。

二、點擊圖標，找到「更多工具」菜單項下的「擴展程序」（第1步和第2步也能夠合併爲直接在地址欄輸入：chrome://extensions/）

三、將Vue.js devtools_3.1.2_0.crx文件拖放至擴展程序中便可安裝。

四、安裝完成後，在瀏覽器的右上角會看到V字型圖標。

五、點擊V字型圖標，可能會提示：Vue.js not detected的信息，接下來解決這個問題。

六、首先找到剛纔在擴展程序中安裝的Vue.js devtools 3.1.2，點擊「詳細信息」，能看到Vue.js devtools的ID，個人是：blilalokifjgienomccehdbhiamjcppo。同時，將「容許訪問文件網址」的選項啓用。

七、而後到C:\Users\temptation\AppData\Local\Google\Chrome\User Data\Default\Extensions目錄下（其中temptation是個人系統帳戶名稱），能找到相應的Chrome瀏覽器插件的目錄文件，其中就有和ID同名的blilalokifjgienomccehdbhiamjcppo目錄。

八、打開目錄，找到manifest.json文件，打開找到"background"節點，將其"persistent"屬性的值從false修改成true。

九、重啓Chrome瀏覽器，打開使用Vue.js開發版的網頁文件，發現此時Vue.js devtools圖標亮了，能夠使用該插件了。