e-tipsmemo

ごった煮

Typescripの開発環境とテンプレートプロジェクト

Typescriptを1 ~ 2年に1回ぐらい書きたくなることがあるが、毎回プロジェクト構築方法を検索していたり、
Windows を再インストールしなおしたりして環境が破壊されていたりするのでメモ

WSL

Windows Storeからインストールする
ついでにWindows TerminalとかVSCodeもあるとよさそう。

fishを入れる

Shellにfishを使いたいので

fish-nvmを入れる

GitHub - jorgebucaran/nvm.fish: Node.js version manager lovingly made for Fish.

fisher install jorgebucaran/nvm.fish

nodeを入れる

nvm install latest

typescriptのテンプレートをクローン

GitHub - katakanan/template_for_ts

Getting Started

npm -i -D
npm start

でいろんなことが行われる。

  • typescriptをjavascriptにトランスパイル(?)
  • 複数のjsファイルをバンドル
  • 指定したhtmlに生成されたjsファイルをscriptとして勝手に入れてくれる
  • distフォルダ内のhtmlをブラウザで開く

src以下のファイルを監視しているので、ファイルを編集するとjsもhtmlも勝手に読み込みなおしてくれる。

感想

一年前に作ったテンプレートが動かなくなっていたので
動くようにした。
ウェブ系は互換性が破壊されるバージョンアップが速いなぁ・・