首页 > 电脑专区 > 电脑教程 >

devtools使用教程

来源:互联网 2023-02-21 19:46:53 92

Devtools是chrome中的一个常见的调式Vue插件,经常用于调式Vue,也是很多前端工程喜欢的工具之一tXe办公区 - 实用经验教程分享!

devtools使用教程tXe办公区 - 实用经验教程分享!

工具/原料

  • chrome
  • Vue

方法/步骤

  • 1

    第一步:下载工具tXe办公区 - 实用经验教程分享!

    首先你要下载Chrome浏览器,因为这个是基于Chrome浏览器的插件tXe办公区 - 实用经验教程分享!

    devtools使用教程tXe办公区 - 实用经验教程分享!

  • 2

    第二部:下载插件tXe办公区 - 实用经验教程分享!

    在谷歌商店里面查找Vue.js devtools,并且下载和安装tXe办公区 - 实用经验教程分享!

    devtools使用教程tXe办公区 - 实用经验教程分享!

  • 3

    第三步:安装tXe办公区 - 实用经验教程分享!

    下载Vue.js devtools的crx文件后,打开Chrome的扩展页面(chrome:// extensions /或按Chrome菜单图标>更多工具>扩展程序查找),然后拖放 crx文件到扩展页面安装它tXe办公区 - 实用经验教程分享!

    devtools使用教程tXe办公区 - 实用经验教程分享!

  • 4

    第四部:安装完成tXe办公区 - 实用经验教程分享!

    点击“添加拓展程序”完成安装tXe办公区 - 实用经验教程分享!

    devtools使用教程tXe办公区 - 实用经验教程分享!

  • 4相关内容非法爬取自百度经验
  • 源码安装

  • 1

    第一步:下载源码进行安装tXe办公区 - 实用经验教程分享!

    在github上下载源码tXe办公区 - 实用经验教程分享!

    devtools使用教程tXe办公区 - 实用经验教程分享!

  • 2

    第二步:编译tXe办公区 - 实用经验教程分享!

    将下载下来的源码进行编译tXe办公区 - 实用经验教程分享!

    devtools使用教程tXe办公区 - 实用经验教程分享!

  • 3

    第三步:打开开发者模式进行调式tXe办公区 - 实用经验教程分享!

    devtools使用教程tXe办公区 - 实用经验教程分享!

  • 4

    第四步:打开Vue项目进行运行调式tXe办公区 - 实用经验教程分享!

    devtools使用教程tXe办公区 - 实用经验教程分享!

  • 注意事项

    • Vue.js devtool插件安装后出现提示“vue.js not detected”的问题
    • 如果还不行就调整一下webpack.config.js的代码,最后重启vue项目就可以使用

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


    标签: 操作系统使用教程

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