TypeScriptでJQueryを使用する。

TypeScriptでJQueryを使用する方法で忘れがちなことがあったのでメモ。

基本はVS Express for WebまたはVSを立ち上げてnugetでパッケージを選択すると 問題なく使える。

キャプチャ1

そのままでは参照の設定が足りないのでそれを追加。

キャプチャ

 

参照を追加したら、*.tsファイルの先頭に読み込みのリファレンスを追加します。

キャプチャ

pathには参照で追加したパスを格納。これでインテリセンスが効くようになります。

3

 

ここまでで作業でプログラム作業ができるのですが、デバックすると動作しません。 それはHTML側にJQueryの読み込み設定が入っていないからです。 そこでHTMLのscriptタグに読み込み処理を入れるとうまくいきます。 (これはどちらかと言うと常識ですが、気がつかないことも多いのでメモです。)

キャプチャ2

 

昔よりは開発しやすくはなっていますが、外部のライブラリを使うときには このぐらいの作業が必要になっています。

/* -----codeの行番号----- */