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 。