美文网首页
vue中的调试工具安装

vue中的调试工具安装

作者: Jure_joe | 来源:发表于2020-05-27 15:45 被阅读0次
    • 到git下载压缩包https://github.com/vuejs/vue-devtools/tree/master

      image.png
    • 下载成后,解压缩包到自己盘符下,我的是D:\vue-tools\vue-devtools-master

    • 然后使用命令提示行工具或git bash工具,进入该工作目录下——cd\vue-tools\vue-devtools-master

      image.png
    • 执行npm install,尽量用cnpm install淘宝镜像,要快一点,没有的话先执行以下cnpm的安装npm install -g cnpm。 执行完毕后,可用cnpm -v查看是否已经安装了

    • 修改manifest.json文件中的内容

      image.png
    image.png
    • 保存完毕后,继续执行npm run build命令,执行成功后显示如下图
    image.png
    • 打开谷歌浏览器中的 更多工具——扩展程序,打开后如下图
      image.png

    相关文章

      网友评论

          本文标题:vue中的调试工具安装

          本文链接:https://www.haomeiwen.com/subject/bdbwahtx.html