vue調試工具vue-devtools的安裝使用

原創

2020-07-01 19:41

在github上下載vue-devtools插件 https://github.com/vuejs/vue-devtools 或者在github官網搜索vue-devtools 並下載
cmd 進入vue-devtools目錄，在vue-devtools目錄下安裝依賴包
npm install
npm run build (這一步一定不要忘了，沒有執行這一步的話，項目文件夾shells>chrome文件夾裏會少一個src文件夾,並且會報錯 無法加載背景腳本“build/background.js”。)
修改shells>chrome文件夾下的mainifest.json 中的persistent爲true
點開谷歌的擴展程序，開發者模式打開，加載已解壓的擴展程序
找到vue-devtools目錄下的shells下的chrome文件夾選中，添加進去 就可以啦

發表評論

所有評論

還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.

相關文章

vue多商家購物車

參考鏈接：感謝效果圖：代碼如下： <template> <div class="container"> <van-nav-bar title="購物車" :right-text="show

2020-07-01 19:41:28

vue中多個頁面公用一個頭部

例如首頁引用頭部 header.vue 頭部 <template> <div class="header"> <p>{{headTitle}}</p> </div> </template> <scr

2020-07-01 19:41:17

vue+vant 上拉加載，下拉刷新

<template> <div class="container"> <van-pull-refresh v-model="refreshing" @refresh="onDownRefresh"> <

2020-07-01 19:41:17

Module build failed: TypeError: this.getResolve is not a function.......

引用完scss npm install node-sass --save-dev npm install sass-loader --save-dev 後報錯Module build failed: TypeError: thi

2020-07-01 19:41:17

在vue項目中引用並使用SCSS

引用SCSS 已經使用vue-cli初始化過項目後，安裝 node-sass和sass-loader npm install node-sass --save-dev npm install sass-loader --sav

2020-07-01 19:41:17

解決vue中的跨域問題（Axios請求）

報錯配置BaseUrl 找到目錄（src->main.js） Axios.defaults.baseURL = '/api'; 配置代理找到目錄（config->index.js） '/api':{

2020-07-01 19:41:17

vue webapp掃碼支付和從相冊中選擇圖片

直接上代碼： <template> <div class="container"> <div class="scan"> <div id="bcid"> <div style="heig

2020-07-01 19:41:17

vue webapp 長按保存圖片到相冊

<template> <div class="container"> <div class="white-box"> <div class="erweima"> <img

2020-07-01 19:41:17

使用.sync實現子組件修改多個父組件的數據

子組件 <template> <div class="aaa" v-show="visible" @click="$__changeData"></div> </template> <script> export defaul

2020-06-24 08:23:49

Vue入門-初始化工程命令記錄，超簡單

找一個放工程的文件夾下面，運行命令 vue create myproject 會創建文件夾myproject，同時文件夾內的即爲工程的相關文件啓動命令如下 cd myproject npm run serve 出現如

2020-06-21 22:15:32

Vue使用scss

由於css文件是使用scss相關語法寫的，所以工程需要能夠支持scss。安裝依賴 npm install sass-loader node-sass --save-dev 安裝成功後修改vue文件內的代碼如下添加lan

2020-06-21 22:15:31

node安裝electron一直出錯operation not permitted或者delete node_modules\electron

今天在安裝electron的時候一直出錯，執行命令如下進行安裝 npm install -g electron --verbose 出錯主要如下，一直報operation not permitted EPERM: operati

2020-06-21 21:41:29

ElectronVue系列 -- 4.左右拖拽div側邊欄，調整區域大小

如下，一分爲三，想要可以拖拽，調整左、中、右大小話不多說，直接上代碼代碼示例 HTML代碼其實是5個div，拖拽區域也是div，只不過就是窄一點 <template> <div id="hello-id"> <div

2020-06-21 21:41:29

Vue-入門到實戰（二）

Vue.js - Day2 vue實例的生命週期什麼是生命週期：從Vue實例創建、運行、到銷燬期間，總是伴隨着各種各樣的事件，這些事件，統稱爲生命週期！生命週期鉤子：就是生命週期事件的別名而已；生命週期鉤子 = 生命週期函

2020-06-16 12:40:13

Vue-入門到實戰（一）

Vue.js - Day1 Node（後端）中的 MVC 與前端中的 MVVM 之間的區別 MVC 是後端的分層開發概念； MVVM是前端視圖層的概念，主要關注於視圖層分離，也就是說：MVVM把前端的視圖層，分爲了三

2020-06-16 12:40:12

24小時熱門文章

最新文章

最新評論文章