vue-devtools的安裝步驟
vue-devtools 是一款基于chrome游覽器的插件，用于調(diào)試vue應(yīng)用，由于國內(nèi)不能訪問谷歌商店（要科學上網(wǎng)），所以安裝比較麻煩，寫個文章記錄一下。
第一步
將vue-devtools clone到本地
git clone https://github.com/vuejs/vue-devtools.git
第二步
在vue-devtools目錄下安裝依賴包
cd vue-devtools npm install
第三步
編譯代碼
npm run build
第四步
修改 vue-devtools/shells/chrome/manifest.json 文件，將 persistent改成 true
第五步
打開chrome，輸入 chrome://extensions/ 進入到chrome擴展程序設(shè)置頁面
打開右上角的 開發(fā)者模式
點擊 加載已解壓的擴展程序 選擇 vue-devtools/shells/chrome
注意：勾選 允許訪問文件網(wǎng)址
至此，vue-devtools已經(jīng)安裝完畢。enjoy it!
總結(jié)
以上所述是小編給大家介紹的vue-devtools的安裝步驟，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
我們在日常的工作中肯定會遇到項目打包優(yōu)化等問題,本文主要介紹了vite打包優(yōu)化CDN壓縮的分析實現(xiàn),具有一定的參加價值,感興趣的可以了解一下2024-07-07
element-ui中Table表格省市區(qū)合并單元格的方法實現(xiàn)
這篇文章主要介紹了element-ui中Table表格省市區(qū)合并單元格的方法實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-08-08
這篇文章主要為大家介紹了實時通信Socket?io的使用示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-11-11
在前端開發(fā)的時候經(jīng)常會遇到這樣的困惑,設(shè)計師給你的設(shè)計稿的尺寸和頁面的尺寸不一致,導致了頁面無法正常顯示,下面這篇文章主要給大家介紹了關(guān)于一招解決vue頁面自適應(yīng)布局的相關(guān)資料,需要的朋友可以參考下2022-07-07
vue3集成Element-plus實現(xiàn)按需自動引入組件的方法總結(jié)
vue3出來一段時間了,element也更新了版本去兼容vue3,下面這篇文章主要給大家介紹了關(guān)于vue3集成Element-plus實現(xiàn)按需自動引入組件的相關(guān)資料,文中通過示例代碼介紹的非常詳細,需要的朋友可以參考下2022-07-07
vue el-select與el-tree實現(xiàn)支持可搜索樹型
本文主要介紹了vue el-select與el-tree實現(xiàn)支持可搜索樹型，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-08-08
Vue-cli項目獲取本地json文件數(shù)據(jù)的實例
下面小編就為大家分享一篇Vue-cli項目獲取本地json文件數(shù)據(jù)的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03
vue+element?DatePicker實現(xiàn)日期選擇器封裝
Vue?Element?DatePicker是一款基于Vue.js的日期選擇控件，它提供了豐富的日期選擇功能，支持日期范圍選擇、日期格式化、自定義日期格式、快捷選擇等功能，極大地提高了用戶的體驗，是開發(fā)者必備的日期選擇控件。2023-02-02
在使用?element?ui?組件過程中，我最近碰到了新的問題，vue--elementui中如何修改el-input樣式呢，今天小編通過示例代碼給大家詳細講解，需要的朋友參考下吧2023-05-05
Vue中實現(xiàn)路由跳轉(zhuǎn)的三種方式(超詳細整理)
這篇文章給大家詳細的整理了Vue中實現(xiàn)路由跳轉(zhuǎn)的三種方式,使用vue-router,聲明式-router-link,編程式這三種方法,分別有詳細的代碼示例,需要的朋友可以參考下2023-09-09