tst是一款轻量级的本地开发调试工具，支持多种前端代码的运行和预览，其中运行HTML代码是很多前端开发者常用的功能，下面为大家介绍具体的操作方法。
tst运行HTML代码的准备工作
在使用tst运行HTML代码之前，需要先完成基础的环境配置，确保工具可以正常使用。首先要确认已经在本地安装好tst工具，安装完成后可以通过命令行输入tst --version查看版本信息，验证安装是否成功。其次需要准备好要运行的HTML文件，文件内容可以是基础的HTML结构，也可以包含CSS和JavaScript代码，只要语法正确都可以正常运行。
基础运行步骤
步骤1：打开tst工作目录
首先需要把tst的工作目录切换到存放HTML文件的文件夹路径，可以通过命令行工具进入对应目录，比如HTML文件存放在D:/html_project路径下，就执行以下命令切换目录：
cd D:/html_project
步骤2：执行运行命令
进入目标目录后，直接执行tst的运行命令即可启动HTML文件的预览，基础的运行命令如下：
tst run index.html
这里的index.html是你要运行的HTML文件名称，如果你的文件名称不同，替换成对应的名称即可。执行命令后，tst会自动在默认浏览器中打开该HTML文件的预览页面，你可以在页面中看到代码的运行效果。
步骤3：实时修改预览
tst支持热更新功能，当你修改HTML文件的内容并保存后，浏览器中的预览页面会自动刷新，不需要重新执行运行命令，方便你快速调试代码效果。如果要停止运行，在命令行窗口中按下Ctrl+C组合键即可终止进程。
进阶运行配置
指定运行端口
默认情况下tst会随机分配一个端口运行HTML文件，如果你需要指定固定端口，可以在运行命令后添加--port参数，示例如下：
tst run index.html --port 8080
执行该命令后，HTML文件会通过8080端口运行，你可以在浏览器中访问http://127.0.0.1:8080查看页面效果。
同时运行多个HTML文件
如果需要同时运行同一个目录下的多个HTML文件，可以直接执行不带文件名的运行命令，tst会自动列出目录下所有的HTML文件，你可以选择要预览的文件：
tst run
常见问题解决
- 如果执行命令后提示文件不存在，需要检查输入的HTML文件名称是否正确，以及当前工作目录是否和文件存放目录一致。
- 如果页面没有自动刷新，需要检查是否修改后保存了文件，tst只对保存后的文件修改触发热更新。
- 如果端口被占用导致无法运行，可以更换其他未被占用的端口，或者关闭占用对应端口的进程后重新运行。
代码示例验证
下面是一个简单的HTML测试文件，你可以用这个文件验证tst的运行功能是否正常：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>tst运行测试</title>
</head>
<body>
<h1>这是tst运行的HTML页面</h1>
<p>如果你能看到这段内容，说明tst运行HTML代码成功</p>
<script>
console.log("tst运行HTML代码测试成功");
</script>
</body>
</html>
把上面的代码保存为test.html文件，按照前面的步骤执行tst run test.html命令，就可以在浏览器中看到对应的页面内容，同时打开浏览器控制台可以看到输出的日志信息。