下載Vue.js devtools的crx檔案後，開啟Chrome的擴(kuò)充頁(yè)面（chrome：// extensions /或按Chrome選單圖示>更多工具>擴(kuò)充功能尋找），然後拖曳crx檔案到擴(kuò)充頁(yè)面安裝它；
4、點(diǎn)擊「新增拓展程式」完成安裝。

5、Vue.js devtool插件安裝後無(wú)法使用，出現(xiàn)提示“vue.js not detected”，這時(shí)我們可以使用下面的方法：

第一，我們要找出Vue.js devtool外掛的安裝目錄。 （如果真找不到插件的安裝位置，可以在本機(jī)電腦搜尋插件的ID：nhdogjmejiglipccpnnnanhbledajbpd。）不同作業(yè)系統(tǒng)中chrome插件安裝位置不同，例如win8系統(tǒng)中chrome插件的安裝位置：C:\Users\Administrator\ AppData\Local\Google\Chrome\User Data\Default\Extensions\nhdogjmejiglipccpnnnanhbledajbpd
第二，在找到了Vue.js devtool插件的安裝目錄後，開啟mainifest.json檔案（這是關(guān)鍵）。

將mainfest.json中代碼persistent：false，修改成persistent：true。如下圖所示：

一般情況下，修改完如上的位置的程式碼。開啟vue專案後，在控制臺(tái)選擇vue，就應(yīng)該可以正常使用了。

第三，如果透過(guò)上面的方法調(diào)整過(guò)後，還是不能夠使用，那麼可以調(diào)整一下webpack.config.js的程式碼，如下圖所示：< /p>

最後，重啟一下你的vue專案應(yīng)該就可以使用了。

二、原始碼安裝方式

1、在github下載devtools原始碼，位址：https:// github.com/vuejs/vue-devtools。

2、下載好後進(jìn)入vue-devtools-master工程執(zhí)行cnpm install, 下載依賴，然後執(zhí)行npm run build，編譯原始程式。

3、編譯完成後，目錄架構(gòu)如下：

修改為true：

?4、開啟Google瀏覽器的設(shè)定--->擴(kuò)充程序，並勾選開發(fā)者模式

然後將剛剛編譯後的工程中的shells目錄下，chrome的整個(gè)資料夾直接拖曳到目前瀏覽器中，並選擇啟用，即可將插件安裝到瀏覽器。
?

最後，重啟了你應(yīng)該可以使用的項(xiàng)目。
? 免責(zé)聲明

本站所有資源皆由網(wǎng)友貢獻(xiàn)或各大下載網(wǎng)站轉(zhuǎn)載。請(qǐng)自行檢查軟體的完整性！本站所有資源僅供學(xué)習(xí)參考。請(qǐng)不要將它們用於商業(yè)目的。否則，一切後果都由您負(fù)責(zé)！如有侵權(quán)，請(qǐng)聯(lián)絡(luò)我們刪除。聯(lián)絡(luò)方式：admin@php.cn