國外網站：https://www.crx4chrome.com/
國內網站：http://www.cnplugins.com/ http://chromecj.com/web-development/2018-01/886/download.html
1、能上外網的情況下直接安裝
打開谷歌瀏覽器，點擊左上角應用，打開 chrome 網上應用商店
在左側直接搜索，就可以看到這個插件了
安裝后在瀏覽器右上角會顯示 vue 的圖標
在這個擴展的安裝路徑下找到 manifest.json 文件，把 "persistent": false，改為：true。
不知道在哪里改的直接到本文末尾 ↓
2、不能上外網的安裝方法
文章開頭給了下載鏈接，可直接點進去下載，下載完為一個擴展名為.crx的文件
安裝方法極為簡單，找到 chrome 瀏覽器右上角，打開擴展程序選項，如圖
然后直接將下載好的文件拖拽進去就可以按步驟安裝了
安裝好以后就可以在右上角看到工具的圖標了，如上圖右上方
安裝好的界面如下，要注意打開開發者模式以及工具的開關按鈕
由於很多時候是打開本地文件進行開發測試，所以還需要配置一項內容才行
點擊上圖中所示的詳細信息按鈕，打開界面如下，勾選紅框圈出來的內容，允許它訪問文件地址
這個時候很多同學看到的圖標是灰色的，點擊它會提示 ‘ vue.js not detected ’
新手同學會犯很多奇奇怪怪的麻瓜錯誤，這里也一並指出幾種
注意以下幾點：
1、檢查你的開發者工具選項是否已經打開，本文上方有敘述
2、如果你打開的是本地文件，那么檢查你是否已經開啟了詳細信息中允許訪問文件網址的權限
3、是否打開了插件的開關
如果上面的都檢查過了，依舊不亮，那么：
4、文件中引入的 vue 文件 ，文件名 必須 為 ‘ vue.js ’ ， 不能為其他
5、引入的 vue 文件 必須 是開發版本的文件，不能是生產版本 ， 這是官網下載地址： https://vuejs.bootcss.com/v2/guide/installation.html
以上是一些老手會忽略，但是會讓新手同學抓狂的幾個小問題。
刷新你的頁面，如果圖標還是不亮，那么看以下操作吧：
6、檢查 manifest.json 文件，把 "persistent": false，改為：true
如果找不到文件位置，可以在文件管理器中直接搜索它的 id ：nhdogjmejiglipccpnnnanhbledajbpd
我的文檔位置為 C:\Users\mymsi\AppData\Local\Google\Chrome\User Data\Default\Extensions\nhdogjmejiglipccpnnnanhbledajbpd\4.1.5_0
如果本文有幫助就給個推薦吧 (*╹▽╹*)