$shibayu36->blog;スマートフォン用の表示で見る$shibayu36->blog;株式会社はてなでエンジニアをしています。プログラミングや読書のことなどについて書いています。2015-07-30EmacsでTypeScript環境を整えるtechScalaにつづいてTypeScriptも勉強しようと思ったので、まずはエディタのセットアップをした。typescript-modeとりあえずtypescript-modeというのがあるので、それを入れる。package-list-packagesしてtypescript-modeをインストールする。その後以下の設定を入れておけば良い。typescript-mode))flycheck、補完、型情報の表示、定義ジャンプtss.elとtide.elというのがあった。tide.elは公式が提供しているtsserverのインターフェースに則って補完や定義ジャンプができるので、こちらを利用することにした。package-list-packagesでcompanyとtideをインストールした後、以下の様な設定をする。(company-mode-on)))またtideはcompanyでの補完を利用しているので、このあたりもセットアップしておく(セットアップの仕方は後述)。これでさまざまな機能が追加される。flycheckエラーになっている部分を表示してくれて、カーソルを合わせるとエラー情報を出してくれる。型情報に応じた補完をしてくれる。javascriptでのAPIの補完も行ってくれる。型情報の表示カーソル位置の型情報をeldocで表示してくれる。定義ジャンプ定義元にジャンプする。補完機能はcompanyを利用して実現されている。いつもはauto-completeを使っていて、微妙な挙動の違いや色がダサいみたいなのに悩まされたのでセットアップしてみた。"red")まとめ今回はTypeScriptのエディタ環境をセットアップした。補完も賢いし、型情報表示や定義ジャンプも便利なので嬉しい。FoundページやISEページをカスタマイズする月別アーカイブはてなブログをはじめよう!shiba_yu36さんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。