首页 > 电脑专区 > windows >

vue-devtools怎么用

来源:互联网 2023-02-20 22:59:40 83

今天跟大家分享下vue-devtools怎么用,快来看看吧!cgt办公区 - 实用经验教程分享!

vue-devtools怎么用cgt办公区 - 实用经验教程分享!

方法/步骤

  • 1

    首先下载并解压文件到本地磁盘。cgt办公区 - 实用经验教程分享!

    vue-devtools怎么用cgt办公区 - 实用经验教程分享!

  • 2

    在npm中进入该文件夹下,输入:npm install。cgt办公区 - 实用经验教程分享!

    vue-devtools怎么用cgt办公区 - 实用经验教程分享!

  • 3

    如图:连同上步完成依次输入。cgt办公区 - 实用经验教程分享!

    vue-devtools怎么用cgt办公区 - 实用经验教程分享!

  • 3本页面非法爬取自百度经验
  • 4

    如图:修改shells>chrome文件夹下的mainifest.json 中的persistant为truecgt办公区 - 实用经验教程分享!

    vue-devtools怎么用cgt办公区 - 实用经验教程分享!

  • 5

    我们找到谷歌浏览器的扩展程序功能,勾选开发者模式,然后我们将插件文件夹里的shells>chorme文件夹直接拖到页面中,完成安装。cgt办公区 - 实用经验教程分享!

    vue-devtools怎么用cgt办公区 - 实用经验教程分享!

  • 6

    在插件的目录下执行npm run dev,这个时候我们的插件就可以运行了,打开localhost:8080可以看到插件已经安装并运行了。cgt办公区 - 实用经验教程分享!

    vue-devtools怎么用cgt办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!cgt办公区 - 实用经验教程分享!


    标签: 操作系统

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码