はじめに
WindowsでTypeScriptなatomプラグインを書く環境構築メモ
手順
- atomインストール
- atom-typescriptプラグインインストール
- node.jsインストール
- dtsmインストール
atomインストール
から。お察し
atom-typescriptパッケージインストール
atom>メニュー>Setting View>Install Packages/Themes
からatom-typescriptを検索してインストール
node.jsインストール
無くてもatom&TypeScriptでプラグイン開発可能だけど、
npmコマンドでインストールしたい機能があったので。
からexeを落としてインストールすれば
Windows上でも簡単にnode.jsインストールとバージョン管理環境が用意できる
dtsmインストール
TypeScriptでは既存JavaScript資産を流用するために型情報を別途設定できるそう(.d.ts)
型情報ファイル管理が大変なので神様が管理ツールを作ってくれた
npm install -g dtsm
でインストール
プラグイン開発準備
- atom起動
- メニュー>パッケージ>Package Generator>Generate Atom Packageでひな形用意
- dtsmでTypeScript型情報ファイルを用意
- コマンドプロンプトを起動
- パッケージ作成フォルダ(package.jsonがあるフォルダ)へ移動
- dtsm install atom/atom.d.tsを実行
- libフォルダとかにhoge.tsを置いてプラグイン実装
- 保存するとTypeScriptコンパイルが動いて.jsが吐かれる
Ctrl+Alt+rでリロードするとプラグインが反映されて動作確認できる