bruce / lsp-javascript

lsp-javascript

Javascript, Typescript and Flow support for lsp-mode using one of:

• javascript-typescript-langserver
• flow-language-server
• typescript-language-server

Installation

From source

Clone this repository and lsp-mode to suitable paths, and add them to your load path:

(add-to-list 'load-path "<path to lsp-mode>")
(add-to-list 'load-path "<path to lsp-javascript>")

From MELPA

Install one of the available packages:

• lsp-javascript-typescript
• lsp-javascript-flow

Usage

Enabling lsp-javascript-typescript

(require 'lsp-javascript-typescript)
(add-hook 'js-mode-hook #'lsp-javascript-typescript-enable)
(add-hook 'typescript-mode-hook #'lsp-javascript-typescript-enable) ;; for typescript support
(add-hook 'js3-mode-hook #'lsp-javascript-typescript-enable) ;; for js3-mode support
(add-hook 'rjsx-mode #'lsp-javascript-typescript-enable) ;; for rjsx-mode support

You also need javascript-typescript-langserver installed and on your PATH.

npm i -g javascript-typescript-langserver

(sudo may be necessary depending on how you have npm setup)

Enabling lsp-javascript-flow

(require 'lsp-javascript-flow)
(add-hook 'js-mode-hook #'lsp-javascript-flow-enable)
(add-hook 'js2-mode-hook #'lsp-javascript-flow-enable) ;; for js2-mode support
(add-hook 'rjsx-mode #'lsp-javascript-flow-enable) ;; for rjsx-mode support

You also need flow-language-server installed and on your PATH.

npm i -g flow-language-server

(sudo may be necessary depending on how you have npm setup)

Enabling typescript-language-server

(require 'lsp-typescript)
(add-hook 'js-mode-hook #'lsp-typescript-enable)
(add-hook 'js2-mode-hook #'lsp-typescript-enable) ;; for js2-mode support
(add-hook 'rjsx-mode #'lsp-typescript-enable) ;; for rjsx-mode support

You also need typescript-language-server installed and on your PATH.

npm i -g typescript-language-server

(sudo may be necessary depending on how you have npm setup)