在浏览器开发工具中运行和调试 Typescript 代码。
无需离开浏览器即可执行和调试 Typescript 代码。此扩展程序向 Chrome DevTools 添加了一个 Typescript 面板,您可以在其中立即编写、运行和测试 Typescript 代码。
主要特点:
• 直接在 DevTools 中编写和执行 Typescript 代码
• 完全支持最新的 Typescript 和 TSX 语法
• 在代码中导入和使用 npm 包
• 简单的键盘快捷键 - 只需按 Cmd/Ctrl+S 即可运行
• 集成错误处理,具有清晰的语法和运行时错误消息
• 直接 DOM 操作和浏览器 API 访问
• 使用 Chrome 的内置调试器进行无缝调试
非常适合:
• 快速 Typescript 实验和原型设计
• 无需项目设置即可测试代码片段
• 通过即时反馈学习 Typescript
• 调试复杂类型问题
• 具有类型安全性的 DOM 操作
工作原理:
1.安装扩展
2.打开Chrome开发者工具
3. 导航到 Typescript 控制台面板
4. 编写 Typescript 代码
5. 按Cmd/Ctrl+S执行
无需配置。立即开始编码 Typescript,并具有对 Web API 的完全访问权限以及导入 npm 包的能力。
TypeScript Console插件谷歌浏览器安装教程
第一步:下载TypeScript Console安装扩展
第二步:下载下来的扩展解压到你想放的文件夹里
比如我解压到extend文件夹
打开Chrome的扩展页面(chrome:// extensions /或按Chrome菜单图标>更多工具>扩展程序),右上角开发者模式,点击开启,蓝色为开启,灰色为关闭;
再次将crx文件拖放到扩展程序,页面左下角提示:“扩展功能、应用和主题背景可能会损害您的计算机。您确定要继续吗?”
点击“继续”依然显示“无法从该网站添加应用、扩展程序和用户脚本”。尝试另一种办法方法。
第三步:把crx后缀改为zip,再进行解压
如果有些windows电脑系统查看不到文件扩展名,则可以通过以下设置:
找到文件夹顶部,点击查看
点击查看,找到隐藏已知文件扩展名,去掉前面的勾即可
这样你就能看到解压好的扩展名:.crx
解压的扩展名为.crx
把.crx改为:zip
然后再用解压工具再解压一遍,即可得到扩展的全部文件
然后再谷歌浏览器插件页面选择:加载已解压的扩展程序
这样就安装成功了
友情提醒:
其他浏览器,包括qq浏览器,360浏览器,edge浏览器,猎豹浏览器,搜狗浏览器安装插件的方法都是类似的,以上内容大部分通用!






