刚刚从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就可以进行调试啦。。