欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue-devtools的安裝和使用步驟詳解

 更新時(shí)間:2019年10月17日 14:47:38   作者:Ariela  
在本篇文章中小編給大家整理的是一篇關(guān)于vue-devtools安裝使用的相關(guān)知識(shí)點(diǎn)內(nèi)容,有需要的朋友們可以學(xué)習(xí)下。

1、下載壓縮包,github下載地址:https://github.com/vuejs/vue-devtools

 2、解壓此文件夾

3、用命令提示符或編譯器進(jìn)入此文件夾

4、在文件夾下依次運(yùn)行(可以在命令提示符窗口也可在編譯器中):

  I、npm install安裝所需要的依賴

 II、npm run build構(gòu)建(如果未執(zhí)行此步,shells->chrome文件夾下會(huì)缺少build文件夾)

5、在shells->chrome->manifest.json文件中修改 background 下 persistent 的值為 true

 6、在chrome瀏覽器中找到設(shè)置->擴(kuò)展程序,然后開啟開發(fā)者模式,將插件中shells文件夾下的chrome文件夾直接拖到開啟了開發(fā)模式的擴(kuò)展程序頁面,完成安裝。

 7、在插件文件目錄下運(yùn)行npm run dev,至此插件已成功安裝,打開本地localhost:8080就可以看到插件成功安裝并運(yùn)行。

8、用chrome瀏覽器打開本地的其他項(xiàng)目,就可以看到瀏覽器已成功的安裝了vue-devtools,可以用瀏覽器去調(diào)試vue項(xiàng)目啦。(此時(shí)不需要再在插件文件夾下運(yùn)行npm run dev)

以上就是本次關(guān)于vue-devtools的安裝和使用的全部知識(shí)點(diǎn)內(nèi)容,感謝大家的學(xué)習(xí)和對(duì)腳本之家的支持。

相關(guān)文章

  • Vue實(shí)現(xiàn)滑動(dòng)拼圖驗(yàn)證碼功能

    Vue實(shí)現(xiàn)滑動(dòng)拼圖驗(yàn)證碼功能

    這篇文章主要介紹了Vue實(shí)現(xiàn)滑動(dòng)拼圖驗(yàn)證碼功能,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2019-09-09
  • vue鼠標(biāo)hover(懸停)改變background-color移入變色問題

    vue鼠標(biāo)hover(懸停)改變background-color移入變色問題

    這篇文章主要介紹了vue鼠標(biāo)hover(懸停)改變background-color移入變色問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2022-10-10
  • Vue.2.0.5過渡效果使用技巧

    Vue.2.0.5過渡效果使用技巧

    這篇文章主要介紹了Vue.2.0.5過渡效果使用技巧,實(shí)例分析了Vue.2.0.5過渡效果的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下。
    2017-03-03
  • iview日期控件,雙向綁定日期格式的方法

    iview日期控件,雙向綁定日期格式的方法

    下面小編就為大家分享一篇iview日期控件,雙向綁定日期格式的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
    2018-03-03
  • 在Vue中使用Viser說明(基于AntV-G2可視化引擎)

    在Vue中使用Viser說明(基于AntV-G2可視化引擎)

    這篇文章主要介紹了在Vue中使用Viser說明(基于AntV-G2可視化引擎),具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
    2020-10-10
  • Vue2.0使用過程常見的一些問題總結(jié)學(xué)習(xí)

    Vue2.0使用過程常見的一些問題總結(jié)學(xué)習(xí)

    本篇文章主要介紹了Vue2.0使用過程常見的一些問題總結(jié)學(xué)習(xí),詳細(xì)的介紹了使用中會(huì)遇到的各種錯(cuò)誤,有興趣的可以了解一下。
    2017-04-04
  • vue中$emit的用法詳解

    vue中$emit的用法詳解

    這篇文章主要介紹了vue中$emit的用法詳解,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2022-08-08
  • VUE使用DXFParser組件解析dxf文件生成圖片的操作代碼

    VUE使用DXFParser組件解析dxf文件生成圖片的操作代碼

    這篇文章主要介紹了VUE使用DXFParser組件解析dxf文件生成圖片的操作代碼,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2023-09-09
  • Vue實(shí)現(xiàn)動(dòng)態(tài)查詢規(guī)則生成組件

    Vue實(shí)現(xiàn)動(dòng)態(tài)查詢規(guī)則生成組件

    今天我們來給大家介紹下在Vue開發(fā)中我們經(jīng)常會(huì)碰到的一種需求場景,本文主要介紹了Vue動(dòng)態(tài)查詢規(guī)則生成組件,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2021-05-05
  • 使用vue-router切換頁面時(shí)實(shí)現(xiàn)設(shè)置過渡動(dòng)畫

    使用vue-router切換頁面時(shí)實(shí)現(xiàn)設(shè)置過渡動(dòng)畫

    今天小編就為大家分享一篇使用vue-router切換頁面時(shí)實(shí)現(xiàn)設(shè)置過渡動(dòng)畫。具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
    2019-10-10

最新評(píng)論