terça-feira, 31 de janeiro de 2017

Adicionar intellisense no VS Code para o angular


Para adicionar intellisense ou autocomplete do Angular.js no VS Code deve-se:
  1. Criar o jsconfig.json e package.json na raiz do projeto se não existir
  2. Instalar o Typings conforme abaixo:
    npm install typings –-global
  3. Pegar os arquivos typings do repositorio Definitely Type
    typings install dt~angular –-save
  4. Reinicie o VS Code
  5. Será criado o arquivo typings.json e o diretório typings com as informações de auto complete
image
O mesmo procedimento é possível de ser utilizado para outros pacotes, como react. Para descobrir os nomes dos pacotes disponíveis basta executar o comando
typings search --name react
E substituir o passo 3 pelo pacote desejado:
typings install dt~react –-save

Referências:
Getting Angular Intellisense in Visual Studio Code do Laurent Duveau, que tem alguns comandos desatualizados, mas tem a lógica de passos completas.
Resposta do “How to set intellisense for Angular.Js and Javascript in Visual Studio Code”  no Stack overflow
https://github.com/typings/typings
http://definitelytyped.org/