TypeScript 用 Emacs モード

前に TypeScript のインストール方法 を紹介しました。 その際、 TypeScript の Emacs 用モードはリリースが停止されていたため、 インストール方法を書いていませんでした。
リリースが再開されたようなので、今回は TypeScript ファイルを Emacs で編集するためのモード (TypeScript.el)のインストール方法について説明します。

TypeScript mode

ダウンロード

以下のサイトに公開されています。 typescript_support_for_emacs.zip をダウンロードします。
TypeScript Download

インストール

取得した圧縮ファイルを展開し、 TypeScript.el をパス(load-path)の通ったフォルダーに置きます。

~/emacs.d/init.el に設定を記述します。
最小限必要なのは次の記述です。
(add-to-list 'auto-mode-alist '("\\.ts\\'" . typescript-mode))
(autoload 'typescript-mode "TypeScript" "Major mode for editing typescript." t)
あと、 M-x byte-compile-file で TypeScript.el をバイトコンパイルしておくと、 多少読み込みが速くなります。

TypeScript 用として特に新しくキーが割り当てられているものはありませんが、 C++ や Java と同じ cc-mode を基に作られているので、 だいたい同じ機能が使えます。

コンパイル

エラーメッセージ形式の登録

以前にも書きましたが、 M-x compile によるコンパイルをするためには、 次の記述も init.el に書いておきます。
(require 'compile)
(setq compilation-error-regexp-alist
      (append
       '(;; d:/h...ript/sample.ts (13,175):
         ("^\\(.*\\) (\\([0-9]+\\),[0-9]+):" 1 2))
       compilation-error-regexp-alist))

デフォルトコマンドの改良

コンパイル時のコマンドをちょっと改良する方法も紹介します。
以下の記述を init.el に追加して下さい。
(defun typescript-mode-init ()
  (set (make-local-variable 'compile-command)
       (format "tsc -sourcemap %s"
               (file-name-nondirectory (buffer-file-name)))))
(add-hook 'typescript-mode-hook 'typescript-mode-init)
引数にファイルを指定したものがデフォルトになり、値もバッファで独立するようになります。 例えばファイル名が hello.ts の場合、デフォルトは次のコマンドです。
tsc -sourcemap hello.ts
パスやオプションを変えたい場合は format に渡している文字列を変更して下さい。

出力バッファの自動クローズの停止

tsc はちゃんとエラー時には正常終了と違った終了ステータスで終わるため、 コンパイル後に出力バッファを自動的に閉じる方法が使えます。
関連記事
スポンサーサイト
Prev.    Category    Next 

Facebook コメント


コメント

コメントの投稿

Font & Icon
非公開コメント

このページをシェア
アクセスカウンター
アクセスランキング
[ジャンルランキング]
コンピュータ
40位
アクセスランキングを見る>>

[サブジャンルランキング]
プログラミング
4位
アクセスランキングを見る>>
カレンダー(アーカイブ)
プルダウン 降順 昇順 年別

03月 | 2017年04月 | 05月
- - - - - - 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 - - - - - -


はてな新着記事
はてな人気記事
ブロとも申請フォーム
プロフィール

yohshiy

Author:yohshiy
職業プログラマー。
仕事は主に C++ ですが、軽い言語マニアなので、色々使っています。

はてブ:yohshiy のブックマーク
Twitter:@yohshiy

サイト紹介
プログラミング好きのブログです。プログラミング関連の話題や公開ソフトの開発記などを雑多に書いてます。ただ、たまに英語やネット系の話になることも。