emacs+typescript-language-server設定方法

• 概要
• 環境
• typescript-language-server のインストール
• lsp-mode と typescript-mode のインストール
• emacs 設定
• 参考サイト

概要

emacs で TypeScript の開発環境を整えてみます
typescript-language-server という lsp があるのでこれを使います

環境

• macOS 11.7.6
• emacs 28.2
• nodejs 19.7.0
  • typescript-language-server 3.3.2
  • typescript 5.0.4

typescript-language-server のインストール

• npm install -g typescript-language-server typescript

lsp-mode と typescript-mode のインストール

• M-x package-list-packages

で一覧から「typescript-mode」と「lsp-mode」をインストールします

emacs 設定

(require 'typescript-mode)
(add-to-list 'auto-mode-alist '("\\.js\\'" . typescript-mode))
(add-hook 'typescript-mode-hook #'lsp-deferred)

参考サイト

• https://github.com/typescript-language-server/typescript-language-server
• https://emacs-lsp.github.io/lsp-mode/page/lsp-typescript/