TypeScript

From WikEmacs
Jump to navigation Jump to search
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.

How can we program in TypeScript in Emacs ? Let's dive in.

Typescript.el - syntax highlighting and indentation

typescript.el (in MELPA) offers simple syntax highlighting and indentation support. For advanced features, see Tide below.

Tide - Typescript Interactive Development for Emacs

Tide features:

  • ElDoc
  • Auto complete
  • Flycheck
  • Jump to definition, Jump to type definition
  • Find occurrences
  • Rename symbol
  • Imenu
  • Compile On Save
  • Highlight Identifiers
  • Code Fixes
  • supports jsx files
  • format options via elisp or tsfmt.json
  • works well with js2-mode

It uses tsserver as the backend for most of the features. It writes out a comprehensive log file.

Emacs-tss

see emacs-tss. It provides completion, syntax-check (flymake) and jump to definitions by using typescript-tools.

Error checker

For an error checker, see flycheck-typescript-tslint.

Formatter

See typescript-formatter.

See also

Spacemacs layer

Spacemacs, a popular Emacs distribution, has a prebuilt Typescript layer. It uses the aforementioned Tide, error checker and the optional formatter.