如何用WebStorm来调试TypeScript编译出来的JavaScript

最新推荐文章于 2024-08-01 10:09:42 发布
最新推荐文章于 2024-08-01 10:09:42 发布
阅读量8.2k 收藏 4
点赞数
分类专栏： webstorm 文章标签： javascript typescript 调试
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/simple_love123/article/details/71554415
版权
本文介绍了从Unity3D转向Html5游戏开发的作者如何在WebStorm中使用TypeScript并生成JavaScript文件进行调试。首先，创建TypeScript脚本MyTest.ts，接着配置WebStorm的TypeScript设置，指定tsconfig.json文件。完成配置后，TypeScript脚本会自动生成JavaScript文件。然后，在HTML文件中引用JS，并通过Alt+F2启动Google Chrome进行调试。
摘要由CSDN通过智能技术生成

     刚刚从Unity3D转战Html5游戏开发，写点博客记录下自己的成长。因为要学习新的语言，我喜欢敲代码去理解，所以就涉及到了如何去调试自己写的代码。我用的WebStorm，写的TypeScript脚本，让TypeScript脚本去生成Js文件，然后在Google Chorm上面去调试。（因为现在我还属于小白阶段，所以这篇文章有什么错误，或者大神们有更简便的方法，请告诉我）


    第一步：创建一个TypeScript脚本

      打开Webstorm，选择File->File.添加一个MyTest.ts脚本。

      写入脚本。

      

  第二步：生成JavaScript文件：

     首先我们要去配置一下Setting。File->Setting找到TypeScript那个选项去配置一下

最低0.47元/天 解锁文章
Nicole_Xiao
关注
专栏目录
TypeScript（2）WebStorm自动编译TypeScript配置
weixin_43880991的博客
06-15 731
前言 上一篇我们讲到如何手动编译TypeScript，如果我们每次都要手动编译，那么这样会很累，接下来就介绍自动编译TypeScript。 mac自动编译typescript 在Typescript文件所在目录中打开terminal输入tsc --init安装tsconfig.js 编辑tscongfig.json,修改outDir的参数，既默认ts转换成js后的输出目录 点击Web...
Webstorm编译TypeScript
weixin_30487317的博客
10-14 131
下载webstorm 下载node.js编译器npm   Webstorm的安装很简单。但如果没有Java For Mac 环境打开Webstorm时会有提示，点击提示会跳转下载链接，下载安装就好。 安装tsc编译命令   node.js 安装pkg包一路点next后进入终端，键入npm验证是否成功。   npm 安装成功后继续安装tsc编译器，键入：npm install -g types...
如何调试Angular typescript
ygznx的博客
10-16 1525
How to debug Angular 2 with WebStorm WebStorm is my favorite choice when it comes to develop web applications especially with Angular 2. Most of the time I have a fullscreen WebStorm on my primary
webstorm配置项目Typescript编译环境
最新发布
毅香雪海的博客
08-01 420
webstorm配置项目Typescript编译环境
VS Code调试TypeScript项目
01-01 7237
1 安装VS Code https://code.visualstudio.com/ 安装VS Code插件： JavaScript and TypeScript Nightly TypeScript Extension Pack Visual Studio IntelliCode Project Manager Material Icon Theme 2 安装Node.js 为了方便后续VS Code插件开发，这里选择安装与当前VS Code使得Node.js版本(Help->About)： V
【 在webstorm中调试typescript 】
u012632105的博客
05-17 554
在webstorm中调试typescript
webstorm-直接运行typescript
billycoder的专栏
02-14 1467
安装插件 安装依赖 全局装typescript npm install -g typescript 项目目录装 ts-node npm install ts-node -D 效果 右键可以运行
解决webstorm的TypeScript无法自动编译成JavaScript问题
Sicily_winner的博客
08-26 4553
前言：在写一个nodejs后台服务的时候，TypeScript写的代码在读取自己写的tsconfig.json文件之后，却没有自行编译成JavaScript保存在配置文件outDir指定的文件中，已经修改了webstorm的配置信息了，还是没用，原因是没有安装TypeScript。 但是但是！国外版本直接安装会弄很久，我没有耐心就关闭掉了，就再也装不上了！！T_T所以改了了淘宝版本。 npm...
typescript用什么软件写_使用WebStorm开发TypeScript应用程序
weixin_29028145的博客
01-12 276
TypeScript 概述TypeScript是JavaScript的超集，它包含的特性使其比标准的JavaScript更易于编写和维护。类型是TypeScript的核心，它在编译到JavaScript时执行类型检查。虽然JavaScript确实包含一些基本类型，但它的类型系统是松散类型的，并且类型是根据它们的用法推断的。开发人员可以在程序执行期间随意更改变量的数据类型。这听起来可能很简单，但它确...
webstorm怎么配置typescript
09-06
确保在HTML文件中引用了TypeScript编译后生成的JavaScript文件。 3. 在终端中运行命令`tsc --init`来生成一个tsconfig.json文件。该文件用于配置TypeScript编译设置。可以在该文件中设置编译选项，例如目标版本、...
webstorm配置scss、typescript等自动编译方式
weixin_42129248的博客
10-09 1128
配置westrom实时编译scss、typescript
macOS上 Webtorm 配置 Typescript开发环境
qq_39297673的博客
10-11 133
打开Webstorm => New EmptyProject ,命名为 typescript Webstorm 终端输入 cnpm install typescript -g
WebStorm支持TypeScript
LGX_TvT的博客
12-20 2954
1、配置TypeScript 1.1 安装TS npm install -g typescript 1.2 WebStorm Settingspe --sourcemap --target "ES5" $FileNameWithoutExtension$.js:$FileNameWithoutExtension$.js.map 2、自动执行TypeScript 2.1 WebStorm安...
webstorm实时编译typescript
bus_lupe的博客
12-26 1179
2018.3版本 File–Settings在弹窗中选择Tools–File Watchers 点击右上角的加号，选择<custom>
使用webstorm 调试 typescript
weixin_43379230的博客
03-31 3124
使用webstorm 调试 typescript 安装依赖： 安装npm install typescript ts-node -D 注意这两个依赖必须安装在本地，安装在全局不行 配置Configurations templates 选择 右上角 add configuration 选择templates下的node.js 在Node parameters 中添加 --require ts-node/register 在Working directory 中指定项目根目录作为作用空间 在JavaScr
【解决方案】使用WebStorm运行TypeScript文件（基于ts-node）
qq_43303950的博客
02-04 8282
使用WebStorm运行TypeScript文件（基于ts-node）
WebStorm下使用TypeScript
yhhwatl的专栏
04-21 8990
Cannot start compiler process 最近学习使用LayaBox引擎开发Html5游戏，选择使用TS 原因参见Egret答记者问中一段： Q：之前和几个工程师聊了聊Egret，他们很好奇为什么用TypeScript而不用CoffeeScript 马：TypeScript是微软官方的一种语言，是JavaScript的超集。它遵循的ECMA Script 6.0是下一代的JavaScript。今年年底，微软、谷歌和Mozila三个
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值