摘要:前言由于是數據驅動的,所以這就存在在開發調試中查看結構并不能解析出什么。但是借助插件,我們就可以很容易的對數據結構進行解析和調試。六如果需要更詳細的圖文介紹請看文章
前言:
由于vue是數據驅動的,所以這就存在在開發調試中查看DOM結構并不能解析出什么。
但是借助vue-devtools插件,我們就可以很容易的對數據結構進行解析和調試。
一、下載chrome擴展插件GitHub下載地址:
https://github.com/vuejs/vue-...
建議使用npm淘寶鏡像按照依賴包
地址:http://npm.taobao.org/
命令行安裝npm淘寶鏡像:
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
之后我們就可以使用cnpm代替npm按照依賴包了,npm安裝依賴包確實太慢了.....
二、cnpm install下載完成后打開命令行cmd進入vue-devtools文件夾,按照依賴包并npm run build
三、 更改manifest.json json打開shells>chrome>src>manifest.json并把json文件里的"persistent":false改成true
四 、擴展chrome插件1.打開chrome瀏覽器,打開設置>點擊或者程序>點擊開發者模式
2.再點擊加載已解壓的擴展程序,然后把shell>chrome文件夾放入
五 正常調試VUE項目打開個vue寫的項目,f12打開調試工具即可進行vue項目的調試。
六 如果需要更詳細的圖文介紹 請看csdn文章文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/93599.html
摘要:有目錄結構書寫方式組件集成項目構建等的約束,整個應用中是沒有文件的,所有的響應都是動態渲染的,包括里面的元信息路徑等。更多參考細說后端模板渲染客戶端渲染中間層服務器端渲染開發工具開發時主要會用到的工具。 vue 前端項目技術選型、開發工具、周邊生態 聲明:這不是一篇介紹 Vue 基礎知識的文章,需要熟悉 Vue 相關知識 主架構:vue, vue-router, vuex UI 框...
摘要:有目錄結構書寫方式組件集成項目構建等的約束,整個應用中是沒有文件的,所有的響應都是動態渲染的,包括里面的元信息路徑等。更多參考細說后端模板渲染客戶端渲染中間層服務器端渲染開發工具開發時主要會用到的工具。 vue 前端項目技術選型、開發工具、周邊生態 聲明:這不是一篇介紹 Vue 基礎知識的文章,需要熟悉 Vue 相關知識 主架構:vue, vue-router, vuex UI 框...
摘要:已安裝好的插件。三以后版本安裝比如版本版本獲取到,安裝后的內容,后續按照步驟一操作即可。 Vue devtools工具安裝 Chrome安裝Vue devtools?教程步驟 一、安裝步驟 ????????1、下載地址:GitHub - vuejs/devtools at v5.1.1 ?...
閱讀 4391·2021-11-19 09:59
閱讀 3318·2021-10-12 10:12
閱讀 2630·2021-09-22 15:25
閱讀 3321·2019-08-30 15:55
閱讀 1183·2019-08-29 11:27
閱讀 1463·2019-08-28 18:06
閱讀 2736·2019-08-26 13:41
閱讀 2554·2019-08-26 13:41