TypeScript Debugging

    Совсем недавно Microsoft представила TypeScript, как надмножество JavaScript.
    Язык показался мне интересным, но было одно но… вопрос был в том как его дебажить.
    Т.к. писать на мощном и удобном языке это одно, а поддерживать и исправлять ошибки в логике это совсем другое. И в этом случае без дебаггера никак не обойтись. Именно это меня и останавливало от использования CoffeScript или ScriptSharp и тому подобных.
    Но буквально вчера я узнал о SourceMap (лучше узнать поздно, чем совсем не узнать). И это было для меня как свет в конце туннеля.
    И главное, что уже сейчас в компиляторе TypeScript есть поддержка SourceMap.



    Чтобы попробовать дебаг в действии создайте проект HTML Application with TypeScript.
    В моем случае каталог с проектом такой C:\projects\TypeScriptHTMLApp1

    Теперь необходимо скомпилировать файл app.ts с опцией -sourcemap

    C:\projects\TypeScriptHTMLApp1> tsc -sourcemap app.ts

    В результате на диске появится файл app.js.map
    И в файле app.js будет ссылка на app.js.map

    Теперь можно запустить наш сайт в Google Chrome, с включенной опцией Enable Source Maps

    Здесь можно увидеть, что наш *.ts файл загружен


    Вот исходный код


    А здесь собственно точка останова в файле TypeScript

    А также видно, что мы можем просматривать переменные и т.д.

    Эта статья не перевод, но идею я взял здесь:
    Using Source Maps with TypeScript
    Share post

    Comments 8

      +3
      Chrome Canary не нужен, поддержка source maps есть в стабильной ветке
        +1
        поправил
        0
        Еще бы продумать человеческую интеграцию с Google Closure. Хотя-бы автогенератор деклараций.
        И цены бы ему не было.
          0
          Про coffeescript я не понял, о же линейно компилится в js. Никакой магии там не происходит и дебажить достаточно просто.
            +1
            Мне кажется странным писать на одном языке, а дебажить другой. Теряется весь смысл от использования того же coffeescript. Кстати coffeescript имеет поддержку SourceMap.
          0
          А в WebStorm есть поддержка SourceMap?

          Only users with full accounts can post comments. Log in, please.