在Visual Studio 2013中运行HTML代码，核心思路是利用其自带的Web开发支持与IIS Express本地服务器，将HTML文件托管为可访问的站点资源，再通过浏览器查看与调试。相比直接双击文件用浏览器打开，这种方式能更好结合IDE的断点、输出窗口与元素检查能力。
一、创建或配置Web项目
要在VS2013中正常运行HTML，首先需要一个Web类型的项目容器。如果你从零开始，可以点击菜单中的文件，选择新建项目，在模板里展开Web分类，选用空Web应用程序或者ASP.NET空网站。空Web应用程序会生成一些配置文件但结构清晰，适合后续可能加入服务端代码；空网站则更轻量，仅以文件夹形式管理文件。
对于已有HTML文件的情况，不建议直接拖进普通类库项目，因为类库项目没有Web服务器绑定能力。正确做法是在解决方案资源管理器里右键解决方案，添加现有网站，指向存放HTML的目录，VS2013会将其识别为文件系统网站，并允许使用F5启动。此时IDE自动分配一个IIS Express端口，例如http://localhost:12345/。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>测试页面</title>
</head>
<body>
<h1>VS2013运行HTML示例</h1>
<p>这是一个静态页面</p>
</body>
</html>
二、通过F5启动调试运行
项目就绪后，将需要打开的HTML设为起始页。在解决方案资源管理器里右键目标HTML文件，选择设为起始页。按下F5或者点击工具栏的绿色三角启动调试，VS2013会唤起IIS Express并在系统托盘显示图标，同时自动打开默认浏览器跳转到对应URL。如果未设起始页，调试可能打开目录列表或报错，这一点新手容易忽略。
若不希望进入调试模式而只是运行，可以使用Ctrl+F5启动不调试。区别在于F5会附加调试器，可在JavaScript里下断点；Ctrl+F5启动更快且不会因脚本错误中断。对纯静态HTML而言，两者都能正常渲染，但涉及脚本排错时建议用F5。
// 在HTML引用的脚本中可下断点
function showMsg() {
var el = document.getElementById('tip');
el.innerHTML = 'VS2013调试生效'; // 此处可断点
}
三、常见运行问题与排查
最常遇到的是端口被占用导致IIS Express启动失败。VS2013在项目属性里可查看开发服务器端口，若提示无法启动，可换一个未占用端口，或退出托盘中残留的IIS Express进程。另外，若HTML放在被系统权限限制的目录如Program Files下，可能因写入临时文件失败而无法托管，建议源码放在用户文档或专门开发盘。
还有一类问题是浏览器打开后显示404，通常因为起始页路径不对或文件未包含在项目中。需检查文件属性中的生成操作是否为内容，以及在解决方案里是否可见。若使用文件系统网站，确保物理文件路径与项目结构一致，避免手动在资源管理器复制文件却未在IDE内包含。
| 现象 | 可能原因 | 处理办法 |
|---|---|---|
| 按F5无浏览器反应 | 未设起始页 | 右键HTML设起始页 |
| 提示端口冲突 | 端口被占 | 改项目端口或杀进程 |
| 页面404 | 文件未包含进项目 | 包含文件并刷新 |
四、脱离Web项目的快速预览方式
如果仅想临时看一个HTML效果，VS2013也提供了在浏览器中查看命令。右键HTML文件选择在浏览器中查看，IDE会调用IIS Express临时托管该文件并打开。这种方式不必建立完整项目，适合零散片段验证，但无法享受多文件引用时的相对路径调试便利。
需要注意的是，这种方法依然依赖Web服务器而非file协议，因此页面中如果使用fetch请求本地其他文件，受同源与路径影响可能失败。正式开发仍推荐用标准Web项目结构，保证资源引用与日后扩展稳定。
小结：VS2013运行HTML并不复杂，选对项目类型、设好起始页、利用F5或Ctrl+F5即可。遇到异常优先看端口与文件包含状态，基本都能解决。