首页 > 软件开发 > JavaScript >

VS Code如何安装Debugger for Chrome插件

来源:互联网 2023-03-16 23:59:57 版权归原作者所有,如有侵权,请联系我们

VS Code如何安装Debugger for Chrome插件Rrv办公区 - 实用经验教程分享!

26Visual Studio Code如何设置语言怎么设置成中文Rrv办公区 - 实用经验教程分享!

VS Code如何安装Debugger for Chrome插件Rrv办公区 - 实用经验教程分享!

工具/原料

  • Visual Studio Code
  • Debugger for Chrome

VS Code如何安装Debugger for Chrome插件

  • 1

    打开Visual Studio Code,在左侧面板中找到【扩展】按钮并点击,如图:Rrv办公区 - 实用经验教程分享!

    VS Code如何安装Debugger for Chrome插件Rrv办公区 - 实用经验教程分享!

  • 2

    然后在搜索框中输入【Debugger for Chrome】,搜索Debugger for Chrome插件,如图:Rrv办公区 - 实用经验教程分享!

    VS Code如何安装Debugger for Chrome插件Rrv办公区 - 实用经验教程分享!

  • 2相关内容未经许可获取自百度经验
  • 3

    在搜索结果中找到【Debugger for Chrome】并点击【install】按钮,中文版的话就点击【安装】按钮,开始安装Debugger for Chrome插件,如图:Rrv办公区 - 实用经验教程分享!

    VS Code如何安装Debugger for Chrome插件Rrv办公区 - 实用经验教程分享!

  • 4

    Visual Studio Code安装完Debugger for Chrome插件后,点击【重新加载】,如图:Rrv办公区 - 实用经验教程分享!

    VS Code如何安装Debugger for Chrome插件Rrv办公区 - 实用经验教程分享!

  • 5

    重新加载完成后,Visual Studio Code上的Debugger for Chrome插件就被启动了,可以用来调试代码了,如图:Rrv办公区 - 实用经验教程分享!

    VS Code如何安装Debugger for Chrome插件Rrv办公区 - 实用经验教程分享!

  • 6

    如果不想使用Debugger for Chrome插件,可以点击【禁用】按钮,将该插件禁用;如果Debugger for Chrome插件被禁用了要重新使用的话就点击【启用】,然后重新加载就可以使用了。Rrv办公区 - 实用经验教程分享!

    VS Code如何安装Debugger for Chrome插件Rrv办公区 - 实用经验教程分享!

  • 注意事项

    • 希望小编分享的原创经验对小伙伴们有所帮助,如果小伙伴们有对本经验有任何疑问,请在下方评论处 留言讨论,小编第一时间来解答!

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


    标签: CHROMEJAVASCRIPT

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