chrome安裝vue-devtools(離線安裝)
1.去Vue DevTools 項目的官方主頁GitHub上下載。因為直接在Chrome應用商店下載需要FQ。
官方地址：https://github.com/vuejs/vue-devtools.git
著作權歸作者所有。商業轉載請聯系作者獲得授權，非商業轉載請注明出處。
從 github 下載的源碼竟然默認是在dev分支的，導致 npm run build各種報錯。最后切換到 master 分支才是正常的。
2.安裝項目所需的依賴包— npm 包
進入下載好的vue-devtools-dev文件夾的目錄，通過命令輸入以下代碼
npm install
3.編輯項目文件
npm run build
4.修改persistent
進入vue-devtools-dev文件夾下的shells -> chrome -> manifest.json ，找到persistent，將其值修改為true
5.添加至Chrome瀏覽器
1、打開chrome瀏覽器的擴展程序頁面，可通過以下方式進入頁面：
- 瀏覽器輸入地址： chrome://extensions/
- 瀏覽器右上角 — 更多工具L — 擴展程序（E）
2、將chrome
文件（vue-devtools-dev -> shells -> chrome）直接拖進去即可。
6.打開vue項目，vue插件報以下錯誤
Vue.js is detected on this page. Devtools inspection is not available because it's in production mode or explicitly disabled by the author.
Vue.js公司在此頁上檢測到。Devtools檢查不可用，因為它處於生產模式或被作者顯式禁用。
在瀏覽器安裝vue Devtools插件后顯示
Vue.js is detected on this page. Devtools inspection is not available because it’s in production mode or explicitly disabled by the author
原因：用的是production mode(生產版本)的vue.min.js，而不是開發版本的vue.js
解決辦法：
下載一個開發版本的vue.js, 然后把js文件夾里的vue.min.js（生產版本）換成vue.js,
同時在導入script時把你用的vue.min.js換成vue.js