EmacsにTypeScript開発環境を構築する

kotohが2015/10/13 18:56:03に投稿

EmacsにTypeScript環境を構築する

はじめに

EmacsでTypeScriptを書く時に、ハイライト、整形、コードの補完、エラーの表示、定義へのジャンプ、型情報の表示
ができるように設定します。
npmはインストール済みだとして進めます。

typescript-tools

typescript-tools が必要なのでインストールします。

$ npm install -g clausreinke/typescript-tools

emacs-tss

emacs-tss は上で挙げたことを実現するelispです。
malpaからインストールします。

M-x package-list-packages

から、tss を選択(i)でインストール(x)します。

設定

emacs-tss にtypescript-modeも同梱されているので、typescript-modeはインストールする必要はありません。

init.elに下記を追加。

(require 'typescript)
(add-to-list 'auto-mode-alist '("\\.ts\\'" . typescript-mode))

(require 'tss)
(setq tss-popup-help-key "C-:")
(setq tss-jump-to-definition-key "C->")
(setq tss-implement-definition-key "C-c i")
(tss-config-default)

インデント幅が4だったので、2に変更。

(setq typescript-indent-level 2)

これで、tsファイルで型情報の表示、補完、ジャンプができるようになりました。