我們在使用vue開發專案的時候，如果想要更好的審查和除錯 vue 應用，可以使用官方推薦的Vue Devtools，
但是官方的方法比較麻煩，要使用npm編譯，搞不好還會報好多莫名其妙的錯誤，
下面給大家提供一個簡便的方法，不會再浪費大家寶貴的時間啦！
1.獲取Vue Devtools插件
我已經將編譯好的插件上傳到博客里啦，可以免費下載->vue-devtools，也可github下載，見底部，
解壓后得到一個 vender 檔案夾，打開后目錄結構如下
打開 manifest.json檔案，找到 "persistent”，將它的值改成true
2.配置瀏覽器并安裝
打開Chrome瀏覽器，找到 擴展程式
選擇打開開發者模式
然后把 整個 vender 檔案夾拖進瀏覽器視窗即可！一定是整個檔案夾，少了一個檔案都不行！丟進去之后看到如下界面，此時可以看到右上角多了一個擴展插件的圖示
點擊詳細資訊，下面這些都是默認勾選上的
3.測驗
安裝完后可以發現右上角的vue圖示是灰色的，我們可以選擇把它固定到瀏覽器上面
用瀏覽器打開一個 vue 專案， vue圖示點亮，控制臺多了一個vue除錯視窗，則說明安裝成功！
注意，普通專案下vue圖示也是灰色的，這個擴展插件只有在vue專案下才可用！
博客資源審核太慢啦，已經傳到github上了 vue-devtools ，github上克隆下來的檔案名是vue-devtools，如果是通過git克隆得到的擴展插件，只需把上文提到的vender看作是vue-devtools，只是檔案名不一樣啦，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/7919.html
標籤：其他