資訊專欄INFORMATION COLUMN
摘要：前言由于是數(shù)據(jù)驅(qū)動的，所以這就存在在開發(fā)調(diào)試中查看結(jié)構(gòu)并不能解析出什么。但是借助插件，我們就可以很容易的對數(shù)據(jù)結(jié)構(gòu)進(jìn)行解析和調(diào)試。六如果需要更詳細(xì)的圖文介紹請看文章
前言：
由于vue是數(shù)據(jù)驅(qū)動的，所以這就存在在開發(fā)調(diào)試中查看DOM結(jié)構(gòu)并不能解析出什么。
但是借助vue-devtools插件，我們就可以很容易的對數(shù)據(jù)結(jié)構(gòu)進(jìn)行解析和調(diào)試。
一、下載chrome擴(kuò)展插件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進(jìn)入vue-devtools文件夾，按照依賴包并npm run build
三、 更改manifest.json json打開shells>chrome>src>manifest.json并把json文件里的"persistent":false改成true
四 、擴(kuò)展chrome插件1.打開chrome瀏覽器，打開設(shè)置>點擊或者程序>點擊開發(fā)者模式
2.再點擊加載已解壓的擴(kuò)展程序，然后把shell>chrome文件夾放入
五 正常調(diào)試VUE項目打開個vue寫的項目，f12打開調(diào)試工具即可進(jìn)行vue項目的調(diào)試。
六 如果需要更詳細(xì)的圖文介紹 請看csdn文章文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/93599.html
摘要：有目錄結(jié)構(gòu)書寫方式組件集成項目構(gòu)建等的約束，整個應(yīng)用中是沒有文件的，所有的響應(yīng)都是動態(tài)渲染的，包括里面的元信息路徑等。更多參考細(xì)說后端模板渲染客戶端渲染中間層服務(wù)器端渲染開發(fā)工具開發(fā)時主要會用到的工具。 vue 前端項目技術(shù)選型、開發(fā)工具、周邊生態(tài) 聲明：這不是一篇介紹 Vue 基礎(chǔ)知識的文章，需要熟悉 Vue 相關(guān)知識 主架構(gòu)：vue, vue-router, vuex UI 框...
摘要：有目錄結(jié)構(gòu)書寫方式組件集成項目構(gòu)建等的約束，整個應(yīng)用中是沒有文件的，所有的響應(yīng)都是動態(tài)渲染的，包括里面的元信息路徑等。更多參考細(xì)說后端模板渲染客戶端渲染中間層服務(wù)器端渲染開發(fā)工具開發(fā)時主要會用到的工具。 vue 前端項目技術(shù)選型、開發(fā)工具、周邊生態(tài) 聲明：這不是一篇介紹 Vue 基礎(chǔ)知識的文章，需要熟悉 Vue 相關(guān)知識 主架構(gòu)：vue, vue-router, vuex UI 框...
摘要：已安裝好的插件。三以后版本安裝比如版本版本獲取到，安裝后的內(nèi)容，后續(xù)按照步驟一操作即可。 Vue devtools工具安裝 Chrome安裝Vue devtools?教程步驟 一、安裝步驟 ????????1、下載地址：GitHub - vuejs/devtools at v5.1.1 ?...
閱讀 4639·2021-11-19 09:59
閱讀 3509·2021-10-12 10:12
閱讀 2724·2021-09-22 15:25
閱讀 3406·2019-08-30 15:55
閱讀 1269·2019-08-29 11:27
閱讀 1548·2019-08-28 18:06
閱讀 2822·2019-08-26 13:41
閱讀 2635·2019-08-26 13:41
