Servers JavaScript

JavaScript

typescript-language-server

The typescript-language-server is capable of giving intelligent LSP functionality for JavaScript.

Installing server

Note: tsserver is searched in workspace node_modules followed by global install. Use -g to install globally.

npm install -g typescript typescript-language-server

Once the typescript-language-server is installed, you can either:

1. Install vim-lsp-javascript (which automatically registers the language server for JavaScript) OR
2. Register the typescript-language-server yourself in your .vimrc

Installing vim-lsp-javascript

If you'd like the vim-lsp-javascript plugin to register the typescript-language-server for you, install the vim-lsp-javascript plugin:

" After vim-lsp, etc
Plug 'ryanolsonx/vim-lsp-javascript'

For more information, check out ryanolsonx/vim-lsp-javascript.

Registering in .vimrc

Here's an example that shows how to manually setup a language server for JavaScript.

You can either set it up and use your git root directory as your project root OR find the root that has a package.json.

Use directory with .git as root

if executable('typescript-language-server')
    au User lsp_setup call lsp#register_server({
      \ 'name': 'typescript-language-server',
      \ 'cmd': { server_info->[&shell, &shellcmdflag, 'typescript-language-server --stdio']},
      \ 'root_uri': { server_info->lsp#utils#path_to_uri(lsp#utils#find_nearest_parent_directory(lsp#utils#get_buffer_path(), '.git/..'))},
      \ 'whitelist': ['typescript', 'javascript', 'javascript.jsx']
      \ })
endif

Use directory with package.json as root

  au User lsp_setup call lsp#register_server({
    \ 'name': 'javascript support using typescript-language-server',
    \ 'cmd': {server_info->[&shell, &shellcmdflag, 'typescript-language-server --stdio']},
    \ 'root_uri':{server_info->lsp#utils#path_to_uri(lsp#utils#find_nearest_parent_file_directory(lsp#utils#get_buffer_path(), 'package.json'))},
    \ 'whitelist': ['javascript', 'javascript.jsx'],
    \ })