VS Code调试启动Google Chrome

问题

我用vs code 安装了 debugger for chrome,但无法运行自己写的本地的html

解决

方法一. 安装扩展 Axure RP Extension For Chrome

输入搜索 Axure RP Extension For Chrome

这时你就可以直接使用Google Chrome 启动Html文件了, 把谷歌浏览器改为默认浏览器,更丝滑…

但无法自己下载添加的,也可以下载别人下载好的

打开浏览器右上角菜单——>更多工具——>扩展程序——>将Axure RP Extension For Chrome 0.63.crx文件拖入——>成功后，勾选相关选项

文件的下载地址与链接

链接: https://pan.baidu.com/s/1DydwMr7mPs6J3wWg4BwfjQ 密码: ut28

vscode debugger for chrome 配置中

将地址直接改成本地目录文件,直接按F5.弹出浏览器,地址就是本地目录文件

方法二 使用vscdoe插件view in browser

参考: https://www.cnblogs.com/lyyguniang/p/7778701.html

• 1 打开vscode编辑器，点击编辑器主界面左上侧第五个小图标——‘扩展’按钮
• 2 进入扩展搜索右拉框，在应用商店搜索框中输入“view in browser”会自动进行搜索
• 3 等待几秒钟时间，扩展就会陆续出现，在view in browser 选项右下角点击“安装”小按钮；
• 4 在vscode点击左侧第一个图标按钮，回到资源管理器界面，选择你想要查看的html文件；
• 5 右键点击html文件，会出现view in browser 选项
• 6 点击view in browser 选项 就能用浏览器预览文件了

从地址栏中可以看出,它直接运行了本地路径下的html文件