EmacsのTypescript環境

久々にTypeScriptを書く必要があったので、環境を構築した。

まず、 nvm で 22.2.0 をインストール。(バージョンは適当。)

nvm install 22.2.0

ボイラープレートを利用して雛形を作成する。

git clone https://github.com/jsynowiec/node-typescript-boilerplate.git
cd node-typescript-boilerplate

nvmNode.js のバージョンを 22.2.0 に指定する

nvm use 22.2.0

依存パッケージをインストールする。

npm install

以下のようにemacsの設定ファイルに記載する。

;; 拡張子.tsのファイルを開いたら、typescript-ts-modeにする
(add-to-list 'auto-mode-alist '("\\.ts" . typescript-ts-mode))

;; eslintなどはプロジェクトのnode_module内のものを使いたいため
(use-package add-node-modules-path
  :straight t
  :hook ((typescript-ts-mode . add-node-modules-path))
  :config
  ;; https://github.com/codesuki/add-node-modules-path/issues/23 より
  (setq add-node-modules-path-command '("echo \"$(npm root)/.bin\"")))

;; 必要か?
(use-package nvm
  :straight (:host github :repo "rejeep/nvm.el")
  :config
  ;; Optionally set a default node version
  (nvm-use "22.2.0"))

Emacsのコマンドで M-x lsp-install-server を実行して、 ts-ls をインストールする。

これで環境が構築できた。