Ir para o conteúdo

Recursos

A extensão apresenta alguns recursos que visam melhorar a usabilidade e facilitar o desenvolvimento de aplicações.

Atalhos

Atalho Descrição
ctrl+alt+0 Compila os Projetos WMLS
ctrl+alt+1 Cria um novo componente JCSS ou WMLS
ctrl+alt+2 Cria um novo projeto Java Script Lite
ctrl+alt+3 Executa a PHVM
ctrl+alt+4 Executa a PHVM em modo de debug
ctrl+alt+5 Finaliza a execução da PHVM
ctrl+alt+6 Abre o diretório da PHVM
ctrl+alt+7 Gera os pacotes de distribuição
ctrl+alt+8 Cria um novo terminal POS
ctrl+alt+u Exibe as bibliotecas para importação

Snippets

Os snippets de código são partes de código que podem ser usado para gerar automaticamente fragmentos de códigos e ajudar no desenvolvimento de aplicações.

../../../assets/images/plugins/vscode/instalacao/guia-recursos-08.gif

Gatilho Conteúdo
usu Importação de módulos
use url PackageName "";
fcl Cria um função com logs
function {PhLog.info("[IN]") ; PhLog.info("[OUT]"; )}
efc Insere uma função exportável
extern function {}
efcl Insere uma função exportável com logs
extern function {PhLog.info("[IN]") ; PhLog.info("[OUT]"; )}
ntfc Insere uma função nativa
native function ()
dga Insere uma função de dialogo do tipo alerta
Dialogs.alert(" ");
dge Insere uma função de dialogo do tipo erro
Dialogs.error(" ");
cdb Insere uma função de console do tipo debug
PhLog.debug(" ");
cer Insere uma função de console do tipo error
PhLog.error(" ");
cwa Insere uma função de console do tipo warning
PhLog.warning(" ");
cou Insere uma função de console do tipo output
PhLog.output(" ");
cop Insere uma função de console do tipo operation
PhLog.operation(" ");

Diagnóstico em Tela

Caso o compilador emita avisos de erros ou alertas, a mensagem será exibida em tela e no painel de problemas.

Ex: Alerta de biblioteca não utilizada.

../../../assets/images/plugins/vscode/instalacao/guia-recursos-01.png

Ex: Erro de pontuação.

../../../assets/images/plugins/vscode/instalacao/guia-recursos-02.png

Importação de Bibliotecas

A extensão permite importar as bibliotecas utilizadas no desenvolvimento. Isto pode ser feito através do gerenciador de bibliotecas ou através da importação automática.

Gerenciador de Bibliotecas

Para acessar o gerenciador de bibliotecas pressione o atalho ctrl+alt+u, selecione a biblioteca desejada e pressione enter.

../../../assets/images/plugins/vscode/instalacao/guia-recursos-03.gif

Importação Automática

Durante a digitação do código, é possível realizar a importação automática das bibliotecas. Escreva o nome da biblioteca desejada e o sistema mostrará as bibliotecas disponíveis, juntamente ao pacote à qual pertencem, e em seguida pressione a tecla enter.

../../../assets/images/plugins/vscode/instalacao/guia-recursos-04.gif

Listagem de Funções

Ao realizar a importação das bibliotecas, suas funções poderão ser listadas e auto completadas com seus parâmetros determinados.

../../../assets/images/plugins/vscode/instalacao/guia-recursos-05.gif

Visualização de informações sobre uma função

Ao passar o mouse por cima de uma função ou importação, a informação sobre a função é mostrada ao usuário.

../../../assets/images/plugins/vscode/instalacao/guia-recursos-06.gif

Coloração dos arquivos JCSS

Ao utilizar os arquivos com extensão JCSS para fabricação de skins e aplicações, o plugin permite a visualização das cores.

../../../assets/images/plugins/vscode/instalacao/guia-recursos-07.gif