在vs2019中创建并运行html文件，可以通过建立空项目或直接添加html文档的方式完成，整体操作对初学者比较友好。下面以最常见的步骤来说明具体做法。
一、在vs2019中创建html文件
首先打开vs2019，选择新建项目。在模板里搜索“空项目”或者使用“ASP.NET空网站”都可以用来承载html文件。这里以空项目为例：
- 点击“创建新项目”，选择“空项目”，设置名称和路径后确定；
- 在右侧解决方案资源管理器中，右键项目名，选择“添加”然后点“新建项”；
- 在弹出的窗口里选“HTML页”，输入文件名如index.html，点击添加。
此时vs2019会自动生成基础的html结构，你可以在<body>标签内写自己的内容。
基础html代码示例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>我的页面</title>
</head>
<body>
<h1>你好，vs2019</h1>
<p>这是通过vs2019创建的html文件。</p>
</body>
</html>
二、编写并保存html内容
在打开的index.html里，直接修改代码即可。比如添加一个按钮和简单脚本：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>示例</title>
</head>
<body>
<button onclick="showMsg()">点击</button>
<p id="msg"></p>
<script>
function showMsg() {
document.getElementById('msg').innerText = '运行成功';
}
</script>
</body>
</html>
写完后按Ctrl加S保存文件，vs2019会保留更改。
三、运行html文件查看效果
运行方式有两种，适合不同习惯：
方式1：用vs2019启动
右键index.html，选择“在浏览器中查看”，vs2019会调用默认浏览器打开页面，你就可以看到内容并测试交互。
方式2：直接打开文件
到项目文件夹找到index.html，双击用任意浏览器打开也能运行。若用空项目且没配置服务器，这种方式最直接。
| 方法 | 优点 | 适用场景 |
|---|---|---|
| 在浏览器中查看 | 不用离开vs2019 | 边写边看 |
| 双击文件打开 | 无需项目配置 | 快速预览 |
四、常见问题
如果右键没有“在浏览器中查看”，可以检查是否安装了“ASP.NET和Web开发”工作负载。另外，代码里的<script>标签要写对，函数调用如showMsg()不要写成标签形式。
提示：vs2019只是编辑和运行环境，html本身由浏览器解析，保证代码语法正确就能正常显示。
按照上面的步骤，你就能在vs2019里顺利创建并运行html文件，后续可以逐步加入css和更多js功能。