Typescript を visual studio ではじめるときのメモ

less than 1 minute read

Tags: , , , , ,

投稿日:

typescript を使うときのテンプレートがどこにあるかわからない

以前の visual studio ではわかりやすいテンプレートがあったはずなのだけど、 visual studio の更新をしたらいつのまにかなくなっていた。

ASPNET Web アプリケーション プロジェクトでできるにはできる。

新しいプロジェクト -> Visual C# -> Web -> ASPNET Web アプリケーション

このプロジェクトを使って typescript を書いていくのはできなくはない。

しかし、html(とcssとかも含む)とそこで使う javascript を typescript で作りたいだけならば、このプロジェクトテンプレートはいらないものがいっぱいついている。シンプルではない。

そしてC#使うつもりがないのにtypescriptのためにC#の分類を覗かなくてはならないのはおかしいのでほかの手段はないのかな。

いらないものを削除したりしてなんとか使う場合

deleteSample.jpg

こんな感じにほとんど削除。それからindex.htmlを作ればいい。typescriptなり追加してindex.htmlで使ってF5デバッグして………好きにすればいい。

TypeScript HTML Application Template

拡張機能と更新プログラム -> オンライン -> 検索 -> typescript

その検索結果の

TypeScript HTML Application Template をダウンロードし、インストール。

これで以前あったようなシンプルなテンプレートが使えるぞい。

typescript 1 typescript 2 typescript 3
typescript
typescript 4 typescript 5
typescript

Web Compiler

ついでに Web Compiler も入れとこう。

lessとかのコンパイルが対応ファイル右クリックメニューから簡単にできるようになるよ。

webcompiler 1 webcompiler 2
webcompiler

Comments