一、下載
??去Vue DevTools 項目的官方主頁GitHub上下載。因為直接在Chrome應(yīng)用商店下載需要翻墻。
??官方地址：https://github.com/vuejs/vue-devtools.git
二、安裝項目所需的依賴包— npm 包
??進(jìn)入下載好的vue-devtools-dev文件夾的目錄，通過命令輸入以下代碼
npm install
三、編輯項目文件
npm run build
四、修改persistent
??進(jìn)入vue-devtools-dev文件夾下的shells -> chrome -> manifest.json ，找到persistent，將其值修改為true
修改persistent
五、添加至Chrome瀏覽器
??1、打開chrome瀏覽器的擴展程序頁面，可通過以下方式進(jìn)入頁面：
?? - 瀏覽器輸入地址： chrome://extensions/
?? - 瀏覽器右上角 — 更多工具L — 擴展程序（E）
??2、將chrome
文件（vue-devtools-dev -> shells -> chrome）直接拖進(jìn)去即可。
六、打開本地項目（localhost:8080）
，進(jìn)入開發(fā)者模式即可看到。
??小貼士：有時候看不到是因為窗口太小了，被藏起來了，可以點擊》找到 vue
1
2
?? 可以選中它，然后拖動它調(diào)到自己想放的位置。
展示
