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

        使用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號
        主站蜘蛛池模板: 高清免费久久午夜精品| 国产69精品久久久久99尤物| 精品视频一区二区三区免费| 婷婷国产成人精品一区二| 欧美极品欧美精品欧美视频| 欧美精品亚洲精品日韩传电影| 亚洲av无码成人精品区在线播放 | 国产一区二区三区精品视频 | 国产成人精品日本亚洲专一区| 亚洲AV无码之日韩精品| 久草视频精品在线| 国产精品99爱免费视频| 久久国产精品久久国产精品| 2022年国产精品久久久久| 久久99精品久久久久久久久久| 日韩人妻精品无码一区二区三区| 色偷偷88欧美精品久久久| 久久精品国产清自在天天线| 国产精品无码素人福利不卡| 久久久精品一区二区三区| 国产精品亚洲欧美一区麻豆| 成人国产精品免费视频| 国产精品无码无卡在线播放| 久久亚洲中文字幕精品有坂深雪| 尤物国精品午夜福利视频| 午夜精品久久久内射近拍高清| 欧美在线精品永久免费播放| 午夜精品一区二区三区在线观看| 亚洲А∨精品天堂在线| 亚洲国产精品成人一区| 亚洲一级Av无码毛片久久精品| 亚洲国产成人精品无码久久久久久综合| 日韩一区二区三区精品| 亚洲欧美日韩另类精品一区二区三区| 亚洲av无码成人精品区| 亚洲精品乱码久久久久久按摩 | mm1313亚洲国产精品无码试看| 青青草国产精品| 国产精品JIZZ在线观看老狼| 国产在线精品国自产拍影院| 精品国产一级在线观看|