站長資訊網
        最全最豐富的資訊網站

        使用vue-devtools開發Vue

        前言:

        由于vue是數據驅動的,所以這就存在在開發調試中查看DOM結構并不能解析出什么。

        但是借助vue-devtools插件,我們就可以很容易的對數據結構進行解析和調試。

        一、下載chrome擴展插件

        GitHub下載地址:

        建議使用npm淘寶鏡像按照依賴包

        地址:

        命令行安裝npm淘寶鏡像:

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

        之后我們就可以使用cnpm代替npm按照依賴包了,npm安裝依賴包確實太慢了…..

        二、cnpm install

        下載完成后打開命令行cmd進入vue-devtools文件夾,按照依賴包并npm run build

        使用vue-devtools開發Vue

        使用vue-devtools開發Vue

        三、打開shells>chrome>src>manifest.json并把json文件里的"persistent":false改成true

        使用vue-devtools開發Vue

        四、擴展chrome插件

        1.打開chrome瀏覽器,打開設置>點擊或者程序>點擊開發者模式

        2.再點擊加載已解壓的擴展程序,然后把shell>chrome文件夾放入

        使用vue-devtools開發Vue

        最后

        打開個vue寫的項目,f12打開調試工具即可進行vue項目的調試。

        使用vue-devtools開發Vue

        贊(0)
        分享到: 更多 (0)
        網站地圖   滬ICP備18035694號-2    滬公網安備31011702889846號
        主站蜘蛛池模板: 精品亚洲国产成AV人片传媒| 99re66热这里只有精品| 精品9E精品视频在线观看| 成人精品一区二区三区电影黑人| 亚洲国产成人一区二区精品区 | 国产精品免费观看| 在线精品动漫一区二区无广告| 国产精品va在线观看无码| 97精品国产91久久久久久| 老司机亚洲精品影院无码| 亚洲国产精品尤物YW在线观看| MM1313亚洲精品无码| 国产人成精品午夜在线观看| 精品无人码麻豆乱码1区2区| 亚洲精品无码专区在线在线播放 | 中文字幕亚洲精品资源网| 国产精品无码无在线观看| 伊人久久精品无码二区麻豆 | 免费精品99久久国产综合精品| 久久久久成人精品无码中文字幕| 亚洲精品国产V片在线观看| 精品伦精品一区二区三区视频| 91精品国产色综久久| 热99re久久国超精品首页| 精品亚洲一区二区| 国产精品网站在线观看| 999精品视频这里只有精品| 91久久精品91久久性色| 国产精品久久久久AV福利动漫| 精品人妻大屁股白浆无码| 精品国产第一国产综合精品| 日韩精品极品视频在线观看免费| 亚洲精品少妇30p| 少妇精品久久久一区二区三区| 无码人妻精品一区二区三区99仓本 | 久久久久99精品成人片三人毛片 | 国产成人精品久久亚洲高清不卡 | 91精品婷婷国产综合久久| 国产叼嘿久久精品久久| 精品乱码久久久久久夜夜嗨| 久久久久久久亚洲精品|