Como Configurar o LSP para TypeScript no Neovim

Segunda postagem da série: Como configurar o LSP para sua linguagem de Programação no Neovim.


Como Configurar o LSP para TypeScript no Neovim


Na postagem anterior nós mostramos o quão fácil é configurar o LSP para a linguagem de programação Lua e nesse artigo vamos ver como configurar o LSP para uma das linguagens mais utilizadas por desenvolvedores web que é a famosa: TypeScript .

Se você leu o artigo anterior verá que não há segredo, no entanto, ter as configurações do Neovim conforme essa outra série, é fundamental!

Ou ainda se quiser dicas mais modernas veja esse link do Curso de Vim Moderno que foi adicionado configurações para o Neovim com Lua .


Instale o LSP para TypeScript

Primeiramente você precisa ter o typescript-language-server instalado no seu sistema. Para isso você pode(e deve) usar o NPM, se estiver em sistemas que usam o gerenciador de pacotes APT, para instalar, basta:

sudo apt install nodejs npm

Use o search do gerenciador de pacotes do seu sistema para encontrar o nome correto, mas geralmente eles são referenciados por esses mesmos nomes.

Agora use o npm para instalar o typescript e o typescript-language-server, com o seguinte comando:

sudo npm install -g typescript typescript-language-server


Configure o Neovim

Após instalado o LSP para TypeScript agora é você “chamar” nas suas configurações do Neovim. No meu caso eu uso as configurações que mostrei no curso e na série citados acima que é o arquivo ~/.config/nvim/lua/plugins/lsp.lua , mas se quiser testar pode tentar no ~/.config/nvim/init.lua , no entanto, o ideal é o primeiro caso.

Insira a linha abaixo:

require'lspconfig'.tsserver.setup {}

Testando

Após tudo instalado e adicionado conforme citados acima, basta testar!

Lembre-se que o LSP para TypeScript só vai funcionar se você tiver um package.json no diretório que você escrevendo o código TypeScript.

Crie um projeto:

mkdir TESTE
cd TESTE
npm install typescript --save-dev
vim index.ts

Escreva seu código e se estiver tudo certo, você terá: detalhes de funções, informações de erros e warnings, autocomplete e entre outros. Exemplos:

TypeScript LSP 1 TypeScript LSP 2 TypeScript LSP 3 TypeScript LSP 4 TypeScript LSP 5


Links úteis


neovim typescript javascript


Compartilhe


Nosso canal no Youtube

Inscreva-se


Marcos Oliveira

Marcos Oliveira

Desenvolvedor de software
https://github.com/terroo

Artigos Relacionados




Crie Aplicativos Gráficos para Linux e Windows com C++

Aprenda C++ Moderno e crie Games, Programas CLI, GUI e TUI de forma fácil.

Saiba Mais

Receba as novidades no seu e-mail!

Após cadastro e confirmação do e-mail, enviaremos semanalmente resumos e também sempre que houver novidades por aqui para que você mantenha-se atualizado!