Vue3?vue-devtools?調試工具下載安裝使用教程
更新時間：2022年08月12日 14:41:47 作者：NiKlaus729
vue-devtools是一款基于chrome游覽器的插件，用于調試vue應用，這可以極大地提高我們的調試效率，尤其是對于初學vue的朋友來說可謂是一大利器，這篇文章主要介紹了Vue3?vue-devtools?調試工具下載安裝,需要的朋友可以參考下
官網下載地址：GitHub - vuejs/devtools: ?? Browser devtools extension for debugging Vue.js applications.
完成后解壓到目錄，解壓后目錄如下：
終端命令行進入到解壓后的Vue-Devtools目錄：
執(zhí)行命令下載yarn：
npm install -g yarn
安裝好yarn后，通過yarn來安裝相關依賴：
yarn install
依賴安裝完成后，開始打包build。
需要注意，這里的命令需要帶watch，如果不帶，會出錯：
yarn run build:watch
代碼執(zhí)行一陣后，沒有其他反應，此時Ctrl+C退出即可。
接下來執(zhí)行dev：
yarn run dev:chrome
出現(xiàn)下面的界面后就可以Ctrl+C退出終端了：
此時，Vue-Devtools目錄下，生成了build目錄：
安裝
1、打開Chrome瀏覽器擴展程序
2、加載已解壓的程序
3、擴展欄固定vue-devtools程序
至此，Vue-Devtools插件安裝完成，打開使用vue3的網站，F(xiàn)12打開Chrome調試臺，可以看到Vue-Devtools的界面按鈕：
到此這篇關于Vue3vue-devtools調試工具下載安裝的文章就介紹到這了,更多相關vue-devtools調試工具內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
這篇文章主要介紹了詳解Vue This$Store總結，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-12-12
vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，適合用于構建單頁面應用，這篇文章主要介紹了對Vue?Router的理解,需要的朋友可以參考下2022-11-11
Vue?2中實現(xiàn)CustomRef方式防抖節(jié)流
這篇文章主要為大家介紹了Vue?2中實現(xiàn)CustomRef方式防抖節(jié)流示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-02-02
這篇文章主要為大家介紹了Vue extends 屬性的用法示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-08-08
Vue基于iview table展示圖片實現(xiàn)點擊放大
這篇文章主要介紹了Vue基于iview table展示圖片實現(xiàn)點擊放大,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-08-08
這篇文章主要為大家介紹了vue前端中Hbulider中Eslint實時校驗自動修復設置操作過程，有需要的朋友可以借鑒參考下希望能夠有所幫助2021-10-10
一篇文章帶你使用Typescript封裝一個Vue組件(簡單易懂)
這篇文章主要介紹了使用Typescript封裝一個Vue組件，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-06-06
彈窗是一個項目必備的復用利器，這篇文章主要介紹了vue彈窗組件的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-04-04
在前端開發(fā)中,部署項目是我們經常發(fā)生的事情,下面這篇文章主要給大家介紹了關于部署vue項目到docker的相關資料,文中通過示例代碼介紹的非常詳細,需要的朋友可以參考下2022-04-04
本篇文章主要介紹了Vue 父子組件、組件間通信示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-03-03