为什么要用到在线代码运行工具
很多前端开发者或者在校学习JS的学生，平时调试几十行的小代码片段，或者测试一个新API的返回结果，都要打开本地编辑器，新建文件、配置环境、还要搭运行环境，光启动就要花好几分钟，本来只是想测个小逻辑，结果一半时间都花在环境准备上。
如果出门在外没带自己的开发电脑，只用普通办公本，又不想在别人电脑上装一堆开发环境，这时候在线代码运行工具就能完美解决问题，不用安装任何东西，打开浏览器就能用，直接写代码直接运行出结果，非常方便。
这个工具还支持输出捕获和运行计时，如果你要测试一段代码的运行效率，或者想捕获所有console输出，不用自己加额外的逻辑，工具直接帮你做好，调试的时候省了很多额外的工作。
实操步骤：在线运行JS/TS代码一步一步来
打开在线代码运行工具后，你就能看到非常简洁的界面，顶部是语言选择区，中间是代码编辑区，底部是结果输出区，整个界面没有多余的广告和弹窗，不用登录就能直接用，打开就能开始写代码。
不管你是要跑JS还是TS代码，只需要跟着下面的步骤操作，就能在1分钟内拿到运行结果，整个过程不需要任何配置，新手也能一次操作成功。
- 步骤1：在界面顶部的语言选择框，点击下拉箭头，选择你要运行的语言，支持JavaScript和TypeScript两种，选好之后工具会自动切换对应的解析环境，不用额外设置
- 步骤2：在中间的代码编辑区域输入你的测试代码，如果是复制过来的代码，直接粘贴进去就可以，编辑器支持自动缩进，格式会自动整理好，不用手动调整
- 步骤3：如果需要捕获所有console输出或者统计运行时间，确认工具默认的「捕获输出」和「运行计时」开关已经打开，这两个功能默认是开启的，不需要可以手动关闭
- 步骤4：点击编辑区下方蓝色的运行按钮，等待一两秒，底部的结果输出区就会显示你的所有console输出、运行错误信息，还有本次代码的运行耗时，直接看结果就可以了
常见问题与工具边界说明
这个在线代码运行工具是针对短小的代码片段调试开发的，不是用来跑完整项目的，所以不要一次性贴几千行的项目代码进去，一方面加载运行会很慢，另一方面也超出了工具的设计范围，工具本身也会做行数限制，避免影响其他用户使用。
如果你写的TS代码有类型报错，工具会在结果区完整输出错误信息，和本地TS编译器的报错信息一致，你可以直接根据提示修改代码，不需要自己装TS环境就能调试TS的类型逻辑，这点对新手学习TS非常友好。
运行的时候所有代码都是在你的浏览器本地运行的，代码不会上传到工具的服务器，所以不用担心你写的测试代码或者敏感信息泄露，隐私安全有保障，只有你自己能看到你输入的代码内容。