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

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