360極速瀏覽器安裝vue-devtools插件

360極速瀏覽器擴展程序中心並沒有提供vue-devtools插件，因此需要自己安裝。本文介紹方法適用於所有Chrome內核瀏覽器。

本人已將編譯后的Chrome插件包上傳網盤，需要的可以直接下載使用：Vue-devtools 。

一.創建vue-devtools插件工程項目，編譯生成插件安裝包——如果你想自己創建工程、編譯項目，那么從這里開始：

1.下載插件：

將vue-devtools的github項目拷貝到本地，用不慣git，也沒安裝軟件，因此直接下載到本地：

2.解壓代碼包：

3.安裝項目需要的npm包：

Ctrl+R打開運行窗口，輸入cmd，調起命令行窗口，切換到解壓后的vue-devtools代碼包目錄，安裝需要的npm包：

npm install

4.編譯項目文件：

npm run build

如果你想自己創建工程、編譯項目，那么從這里開始：

二.將插件包添加到瀏覽器——如果你已經有了插件包，那么直接從這里開始：

瀏覽器中輸入“chrome://extensions”，進入程序擴展界面，點擊選中右側的”開發者模式“選項；

在其下邊彈出的界面中點擊”加載已解壓的擴展程序..."按鈕：

在彈出的彈窗中選擇插件解壓的目錄，選擇chrome目錄，如下圖所示：

點擊確定，能看到右上角擴展程序這里已經多了一個vue-devtools擴展程序圖標了：

6.測試插件：

本地編譯運行vue項目，能看到瀏覽器調試器這里已經有vue-devtools的相關模塊了：

后記：

本方法是Chrome內核瀏覽器通用，所以谷歌瀏覽器也可以直接使用。可以將打包后端chrome目錄單獨提取出來保存到U盤或者網盤，以后就可以直接使用而無需再創建工程編譯了。

本人已將編譯后的Chrome插件包上傳網盤，需要的可以直接下載使用：Vue-devtools 。