Intellisense no Vscode para o Inter

Programar sem ter suggestões dos parámetros da função que estiveres a digitar é muito chato, a experiência do desenvolvedor fica horrível. Um dos objectivos do Inter é de proporcionar uma óptima experiência para os desenvolvedores, e para você ter essa experiência vais precisar de fazer duas coisinhas:

Extensão do Vscode

O nome da extensão é Interjs HTML intellisense, o objectivo dela é de habilitar sugestões para a sintaxe do Inter nos arquivos HTML como mostra os vídeos abaixo.

A referida extensão fica activa tão logo você abrir um arquilo HTML no Vscode, agora a pergunta mais importante nesse momento, como você vai instalar a extensão? Tem duas formas: A extensão está disponível na loja de extensões do Vscode, acessa a extensão clicando: Interjs HTML Intellisense, ou você pode abrir o Vscode e fazer a combinação de teclas Ctrl+Shift+X vai aparecer um campo de pesquisa, onde você vai poder pesquisar a extensão na loja de extensões do Vscode ao digitar o nome da extensão. A segunda forma é através das releases do repositório oficial da extensão no Github, localiza o arquivo inter-intellisense.vsix clicando em repositório oficial da extensão, baixa o referido arquivo e instala ele directamente no Vscode, mas eu te aconselho a usar a primeira forma.

Sugestões para API do Interjs

Ok, ter uma extensão para sugestões da sintaxe do Inter nos arquivos HTML é muito fixe, mas quanto a verdadeira API do Inter? Claro, tem uma forma, não é a partir de uma extensão, mas a partir do arquivo de declaração dos tipos da API do Inter.

Para usar esse método, você deve usar o Inter modular, baixa o arquivo do Inter modular (inter.m.js), põe ele em uma pasta do teu projecto, por exemplo na pasta lib, depois baixa o arquivo de declaração dos tipos da API do Inter em tipos, o nome do arquivo é inter.m.d.ts, esse arquivo põe na mesma pasta onde você colocou o arquivo do Inter modular, depois cria o arquivo Javascript noutra pasta ou na raíz do teu projecto onde você vai escrever o teu código importando as funções do Inter modular, como mostra o vídeo abaixo, você também pode acessar um exemplo prático do que foi explicado em exemplo da estrutura do projecto usando arquivo de declaração dos tipos da API do Inter.

Por exemplo:

• Inter Modular - inter.m.js
• Declaração dos tipos - inter.m.d.ts
• Inter modular - inter.js
• declaração dos tipos - inter.m.d.ts

Viu como os dois últimos arquivos têm nomes diferente? A regra é:

• Inter Modular - nomeDoArquivo.js
• Declaração dos tipos - nomeDoArquivo.d.ts

E os nomeDoArquivos devem ser iguais.

Acessa as releases do repositório do Github onde o arquivo de declaração dos tipos da API do Inter é lançado, cada release especifica em que versão do Inter o referido arquivo deve ser usado, baixa o arquivo que suporta a versão do Inter que você estiver usando e seja feliz. Passa no repositório oficial do Inter e deixa uma estrela para ajudar na repercursão do Inter.