亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專(zhuān)欄INFORMATION COLUMN

如何安裝 vue-devtools 瀏覽器插件

LeviDing / 3570人閱讀

摘要：前言由于是數(shù)據(jù)驅(qū)動(dòng)的，所以這就存在在開(kāi)發(fā)調(diào)試中查看結(jié)構(gòu)并不能解析出什么。但是借助插件，我們就可以很容易的對(duì)數(shù)據(jù)結(jié)構(gòu)進(jìn)行解析和調(diào)試。六如果需要更詳細(xì)的圖文介紹請(qǐng)看文章

前言：

由于vue是數(shù)據(jù)驅(qū)動(dòng)的，所以這就存在在開(kāi)發(fā)調(diào)試中查看DOM結(jié)構(gòu)并不能解析出什么。

但是借助vue-devtools插件，我們就可以很容易的對(duì)數(shù)據(jù)結(jié)構(gòu)進(jìn)行解析和調(diào)試。

一、下載chrome擴(kuò)展插件

GitHub下載地址：

https://github.com/vuejs/vue-...

建議使用npm淘寶鏡像按照依賴(lài)包

地址：http://npm.taobao.org/

命令行安裝npm淘寶鏡像：

$ npm install -g cnpm --registry=https://registry.npm.taobao.org

之后我們就可以使用cnpm代替npm按照依賴(lài)包了，npm安裝依賴(lài)包確實(shí)太慢了.....

二、cnpm install

下載完成后打開(kāi)命令行cmd進(jìn)入vue-devtools文件夾，按照依賴(lài)包并npm run build

三、 更改manifest.json json

打開(kāi)shells>chrome>src>manifest.json并把json文件里的"persistent":false改成true

四 、擴(kuò)展chrome插件

1.打開(kāi)chrome瀏覽器，打開(kāi)設(shè)置>點(diǎn)擊或者程序>點(diǎn)擊開(kāi)發(fā)者模式

2.再點(diǎn)擊加載已解壓的擴(kuò)展程序，然后把shell>chrome文件夾放入

五 正常調(diào)試VUE項(xiàng)目

打開(kāi)個(gè)vue寫(xiě)的項(xiàng)目，f12打開(kāi)調(diào)試工具即可進(jìn)行vue項(xiàng)目的調(diào)試。

六 如果需要更詳細(xì)的圖文介紹 請(qǐng)看csdn文章

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/93599.html

相關(guān)文章

  • vue 前端項(xiàng)目技術(shù)選型、開(kāi)發(fā)工具、周邊生態(tài)

    摘要：有目錄結(jié)構(gòu)書(shū)寫(xiě)方式組件集成項(xiàng)目構(gòu)建等的約束，整個(gè)應(yīng)用中是沒(méi)有文件的，所有的響應(yīng)都是動(dòng)態(tài)渲染的，包括里面的元信息路徑等。更多參考細(xì)說(shuō)后端模板渲染客戶(hù)端渲染中間層服務(wù)器端渲染開(kāi)發(fā)工具開(kāi)發(fā)時(shí)主要會(huì)用到的工具。 vue 前端項(xiàng)目技術(shù)選型、開(kāi)發(fā)工具、周邊生態(tài) 聲明：這不是一篇介紹 Vue 基礎(chǔ)知識(shí)的文章，需要熟悉 Vue 相關(guān)知識(shí) 主架構(gòu)：vue, vue-router, vuex UI 框...

    Awbeci 評(píng)論0 收藏0

  • vue 前端項(xiàng)目技術(shù)選型、開(kāi)發(fā)工具、周邊生態(tài)

    摘要：有目錄結(jié)構(gòu)書(shū)寫(xiě)方式組件集成項(xiàng)目構(gòu)建等的約束，整個(gè)應(yīng)用中是沒(méi)有文件的，所有的響應(yīng)都是動(dòng)態(tài)渲染的，包括里面的元信息路徑等。更多參考細(xì)說(shuō)后端模板渲染客戶(hù)端渲染中間層服務(wù)器端渲染開(kāi)發(fā)工具開(kāi)發(fā)時(shí)主要會(huì)用到的工具。 vue 前端項(xiàng)目技術(shù)選型、開(kāi)發(fā)工具、周邊生態(tài) 聲明：這不是一篇介紹 Vue 基礎(chǔ)知識(shí)的文章，需要熟悉 Vue 相關(guān)知識(shí) 主架構(gòu)：vue, vue-router, vuex UI 框...

    enali 評(píng)論0 收藏0

  • Vue devtools工具安裝 Chrome安裝Vue devtools 教程步驟

    摘要：已安裝好的插件。三以后版本安裝比如版本版本獲取到，安裝后的內(nèi)容，后續(xù)按照步驟一操作即可。 Vue devtools工具安裝 Chrome安裝Vue devtools?教程步驟 一、安裝步驟 ????????1、下載地址：GitHub - vuejs/devtools at v5.1.1 ?...

    yiliang 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<