visualstudio调试html,Visual Studio Code中调试JavaScript
一、安装Debugger for Chrome扩展插件
二、配置运行环境
最左侧菜单找到调试(一个虫子样图标),点击下图中红色标注或者直接按F5:
然后出现下图所示:
选择Chrome,会生成Launch.json文件:{
// 使用 IntelliSense 了解相关属性。
// 悬停以查看现有属性的描述。
// 欲了解更多信息,请访问: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"type": "chrome",
"request": "launch",
"name": "运行 Chrome 打开 localhost",
"url": "http://localhost:8080/src",
"webRoot": "${workspaceFolder}"
},//访问localhost:8080/src
{
"name": "运行 Chrome 打开 index.html",
"type": "chrome",
"request": "launch",
"file": "${workspaceFolder}/html/index.html"
}//访问静态文件index.html
]
}
上面两种配置分别是访问url和文件。
注意:VSCode不会提供Web服务器的环境,需要我们用其他Web服务器(IIS、Nginx等)部署到localhost才能访问对应的url。
如果不需要部署到localhost,可以使用第二种配置,直接访问静态页面。
三、选择运行环境
四、按F5运行程序,在VS Code设置断点并调试
visualstudio调试html,Visual Studio Code中调试JavaScript相关推荐
- 如何用Visual Studio Code远程调试运行在服务器上的nodejs应用
假设我有一个nodejs应用,运行在AWS - 亚马逊云平台上(Amazone Web Service).我想用本地的Visual Studio Code来远程调试服务器端的nodejs应用. Vis ...
- 在Visual Studio Code中配置GO开发环境
一.GO语言安装 详情查看:GO语言下载.安装.配置 二.GoLang插件介绍 对于Visual Studio Code开发工具,有一款优秀的GoLang插件,它的主页为:https://github ...
- Visual Studio Code中文文档(一)-快速入门
Visual Studio Code是一个轻量级但是十分强大的源代码编辑器,重要的是它在Windows, OS X 和Linux操作系统的桌面上均可运行.Visual Studio Code内置了对J ...
- 由于缺少调试目标“……”,Visual Studio无法开始调试。请生成项目并重试,或者相应地设置OutputPath和AssemblyName属性,使其指向目标程序集的正确位置...
使用VS2010时出现如下问题:由于缺少调试目标"--",Visual Studio无法开始调试.请生成项目并重试,或者相应地设置OutputPath和AssemblyName属性 ...
- 在Visual Studio Code中查找并替换为换行符
本文翻译自:Find and replace with a newline in Visual Studio Code I am trying out the new Microsoft Visual ...
- vscode 注释多行代码_如何在Visual Studio Code中注释多行?
我找不到在Visual Studio Code中注释和取消注释多行代码的方法. 是否可以使用某些快捷方式在Visual Studio Code中注释和取消注释多行? 如果是,该怎么办? 当其中一行已被 ...
- 在 Visual Studio Code 中添加自定义的代码片段
无论是那个编辑器,如果能够添加一些自定义代码片段,能够大大提升代码的输入效率. 本文介绍如何在 Visual Studio Code 中添加自定义代码片段. 本文内容 Visual Studio Co ...
- 在Visual Studio Code 中配置Python 中文乱码问题
在Visual Studio Code 中配置Python 中文乱码问题 方法一:直接代码修改字符集 添加前四行代码 import io import sys #改变标准输出的默认编码 sys.std ...
- Visual Studio Code 中部分代码变黑白色(前端vue-element-admin项目测试有效)
@[TOC](Visual Studio Code 中部分代码变黑白色(前端vue-element-admin项目测试有效)) 代码变黑白色 使用vue-element-admin 后台模板在Visu ...
最新文章
- Python 修改终端输入字体颜色值
- CCNP实验:路由重分布注意事项
- 麒麟810怎么样_华为麒麟810这个跑分,让我意外
- 【Python学习系列二十九】scikit-learn库实现天池平台智慧交通预测赛
- 神策数据助力海通证券,精耕 4 大场景,全面强化数字化运营
- java 热补丁_Android热补丁之AndFix原理解析
- 通孔的作用是什么linux,电路板空洞的作用是什么 如何区分PTH与NPTH两种通孔
- Hibernate @OneToMany等注解设置查询过滤条件等
- kmeans及模型评估指标_聚类分析的过程和两个常用的聚类算法
- 使用脚本删除ios工程中未使用图片
- HTML+CSS实现弹跳球效果
- ubuntu18.04多版本opencv
- SVN更新有问题 svn The working copy at‘ ‘ is too old
- 第2章 程序的灵魂-算法
- paip.c#.net托盘图标的建立使用总结
- 数据建模软件Chiner,颜值与实用性并存
- php高德行政区边界,请教 高德地图绘制行政区划边界
- Unity3D场景性能优化/渲染/卡顿/搭建优化 遮挡剔除/层消距离技术/LOD(多层次细节)
- MongoDB文件服务器搭建
- 会跳动的爱心代码-简单易学的HTML网页(速成)
热门文章
- Vue项目代码改进(六)—— vue的mixins的使用
- 「JupyterLab」 Jupyter Notebook 新生代IDE模式页面
- 腾讯云 Centos 配置 JDK Tomcat Mysql
- WKInterfaceImage 无法更新图片的问题
- KVO 的进一步理解
- GDB技巧:使用checkpoint解决难以复现的Bug
- 微软发布3款SQL Injection攻击检测工具
- qt乱码Could not decode“xxx.cpp“ with “UTF-8“-encoding.Editing not possible问题处理
- 增量值编码器、单圈绝对值编码器、多圈绝对值编码器
- Supervised Descent Method and its Applications to Face Alignment