通常、TypeScriptはJavaScriptへ変換して実行するので、TSファイルそのもののデバックは出来ない。 TypeScriptのコンパイラは "source maps" に対応しているので、Chromeのsource maps機能を 利用すれば、TSファイルそのものもデバックが可能となる。 ただ、個人的には、Visual Studioの内部ブラウザがsource mapsに対応するのを期待したい。。。1. Visul Studioでsorce mapsファイルの作成
(1) Web Essentials 2012 のインストール 以下のサイトから、Web Essentials 2012 をダウンロードし、インストールする。 http://visualstudiogallery.msdn.microsoft.com/07d54d12-7133-4e15-becb-6f451ea3bea6 (2) Visual Studio → メニュー → オプション → Web Essentials → TypeScript → Generate Source Map → True2. Chromeのsorce maps機能を有効化
(1) Chrome → F12 → 右下のSettings → Sources → Enable source maps にチェック3. Visul Studio で TypeScriptのデバッグ
(1) Visul Studioの使用ブラウザをChoromeに変更して、デバッグ実行 (2) Chrome → F12 → Sources → TypeScriptソースにブレークポイント設定すればデバッグ実行可能
Keibalight
プログラミングを淡々と
2012年10月17日水曜日
【TypeScript】 TSファイルのデバッグを行うには
2012年10月11日木曜日
【TypeScript】 Windowsストア・アプリを作成するには その2
もっと良い方法を見つけたので、試してみた。 【参考】 http://www.reflectionit.nl/Blog/PermaLink96b25405-bb09-45dc-af94-769b9c453155.aspx
1.TypeScript for Visual Studio 2012 のインストール
(1) 以下のサイトから、TypeScript for Visual Studio 2012 をダウンロードし、インストールする。 http://www.microsoft.com/en-us/download/details.aspx?id=347902.Web Essentials 2012 のインストール
(1) 以下のサイトから、Web Essentials 2012 をダウンロードし、インストールする。 http://visualstudiogallery.msdn.microsoft.com/07d54d12-7133-4e15-becb-6f451ea3bea63.TypeScript ItemTemplate の追加
(1) ローカルPC上で、以下のファイルをコピーする。 【コピー元】 C:\Program Files (x86)\Microsoft Visual Studio 11.0\Common7\IDE\Extensions\top05pcq.5yr※\IT\CSharp\1033\f.zip ※top05pcq.5yr = 環境によって異なる 【コピー先】 C:\Users\UserName\Documents\Visual Studio 2012\Templates\ItemTemplates\JavaScript (2) 上記(1)でコピーしたファイル「f.zip」を「TypeScript.zip」へリネームする。 (3) 上記(2)でリネームしたZIPファイルを解凍する。 (4) 上記(3)で解凍したフォルダ下のファイル「f.vstemplate」をテキストエディタで開き、 ProjectType要素の値を "CSharp" から "JavaScript" へ置換する。4.JavaScriptプロジェクトの作成
(1) Visual Studio → 新しいプロジェクト → JavaScript → 空のアプリケーション (2) ソリューション エクスプローラー → js → コンテキストメニュー(右クリック)→ 追加 → 新しい項目 → TypeScript File (3) (2)で追加したTypeScriptファイル → プロパティ → パッケージ アクション → なし3.TypeScriptオプション設定
(1) Visual Studio → ツール → オプション → Web Essentials → TypeScript → ・Compile all TypeScript files on build → True ・Compile TypeScript on save → True
2012年10月7日日曜日
【TypeScript】 Windowsストア・アプリを作成するには
WindowsストアのTypeScript用テンプレートが用意されていないので、直接jsprojファイルを編集してみる。 面倒がた、TypeScriptでWindowsストア・アプリの開発が可能。
2012年9月23日日曜日
2012年9月16日日曜日
2012年9月10日月曜日
登録:
投稿 (Atom)