TypeScript Console

TypeScript Console

0.6.0
人工检测,安心下载
版本0.6.0
大小8.01MB
语言英语
软件平台浏览器
评分
发布时间2024-12-10 00:14:28
IDjkanoakidjoklcefakbdnnhgdenddppg
厂商
插件格式crx
更新时间2026-02-06 20:29:50
TypeScript Console

TypeScript Console简介

在浏览器开发工具中运行和调试 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浏览器,猎豹浏览器,搜狗浏览器安装插件的方法都是类似的,以上内容大部分通用!

最新收录