如何用WebStorm来调试TypeScript编译出来的JavaScript
来源:互联网 发布:巨人网络股票吧 编辑:程序博客网 时间:2024/04/26 22:16
刚刚从Unity3D转战Html5游戏开发,写点博客记录下自己的成长。因为要学习新的语言,我喜欢敲代码去理解,所以就涉及到了如何去调试自己写的代码。我用的WebStorm,写的TypeScript脚本,让TypeScript脚本去生成Js文件,然后在Google Chorm上面去调试。(因为现在我还属于小白阶段,所以这篇文章有什么错误,或者大神们有更简便的方法,请告诉我)
第一步:创建一个TypeScript脚本
打开Webstorm,选择File->File.添加一个MyTest.ts脚本。
写入脚本。
第二步:生成JavaScript文件:
首先我们要去配置一下Setting。File->Setting找到TypeScript那个选项去配置一下。
点击Edit按钮,如图,路径是你自己typeScript的路径。
这个里面我使用的是自己的tsconfig.json,所以勾选了第二个选项。创建自己的tsconfig.json,如图,一定要和ts文件在同级目录下,不然编译的时候无法通过。
你没有特殊的编译需求,选择系统自己的编译就行了就是选择第一个Set options manually。
然后选择Apply ,Ok关掉窗口,你就会看到js已经出来了。如图:
第三步:创建Html文件,开始我们的js调试
在html文件里面写入代码
写好过后,按下Alt+F2选择调试的浏览器,我选择的是google Chorme,在浏览器按下F2就可以进行调试啦。。
- 如何用WebStorm来调试TypeScript编译出来的JavaScript
- webstorm自动编译typescript
- 如何用eclipse编译调试adnroid的Browser
- 如何用eclipse编译调试adnroid的Browser
- Android如何用LogCat来调试程序
- 如何用pycharm来调试odoo?
- 如何用QUnit来测试JavaScript代码
- 如何用QUnit来测试JavaScript代码
- 如何用QUnit来测试JavaScript代码
- 如何用QUnit来测试JavaScript代码
- 修改webstorm的typescript version
- 如何用TypeScript开发微信小程序
- 如何用CSC.exe来编译Visual C#的代码文件
- 教你如何用VC.net来编译NVIDIA的CG源代码
- 教你如何用VC.net来编译NVIDIA的CG源代码
- 如何用CSC.exe来编译Visual C#的代码文件之四(转)
- 如何用CSC.exe来编译Visual C#的代码文件
- [转载]如何用CSC.exe来编译Visual C#的代码文件
- scrollview 使用笔记
- 时间戳与时间
- ImageView的ScaleType属性
- 安装TensorFlow
- 字典树
- 如何用WebStorm来调试TypeScript编译出来的JavaScript
- JQuery中 .val() .text() .html()方法的区别
- kudu源码分析之二传输者transfer
- linux命令cp
- 第一次见到redis遇到的问题
- 用Cocos2d -android1开发了个2048
- spark序列化问题解决
- ThinkPHP5.0框架下多对多关联模型的增删改查
- c++实验6——【项目1:数组操作】