Hospedar um plug-in em um servidor local

Antes de visualizar um plug-in clonado no FormIt, é preciso hospedá-lo em um servidor local.

Visualizar o terminal no IDE

Você tem a opção de iniciar o servidor dentro do Visual Studio Code, em vez de uma janela de terminal separada. **** Antes de abrir um terminal, verifique se a pasta correta está aberta no Visual Studio Code.

Visualizar > Terminal (ou atalho Ctrl + `)

Configurar um servidor HTTP

Um servidor HTTP que funciona bem é o http-server do npm.

Primeiro, será necessário fazer o download e instalar o NodeJS, se ele ainda não estiver instalado.

Se você encontrar erros nas etapas a seguir, tente reiniciar o computador para concluir a instalação do NodeJS.

No prompt de comando, insira o seguinte para instalar o http-server do npm globalmente (uma configuração única).

  • npm install http-server -g

Iniciar o servidor local

Quando a configuração estiver concluída, execute o seguinte comando no terminal para iniciar o http-server do npm:

  • http-server

Dica 1: No caso de problemas com a execução do http-server (instalado globalmente ou localmente), pode ser útil executá-lo diretamente via npx:

  • npx http-server

Dica 2: Para usuários do Windows 10/11, se ocorrer um erro ao executar um script no novo computador, isso poderá ser devido às configurações estarem desativadas. Para corrigir esse problema:

  • Inicie o script do PowerShell como administrador

  • Configure: Set-ExecutionPolicy RemoteSigned

Desenvolver para o FormIt para Web

Para desenvolver para o FormIt para Web, basta executar o seguinte comando:

  • http-server --cors

Verificar o servidor

É possível verificar o servidor navegando até o seguinte endereço no navegador da Web:

  • http://localhost:8080

Você deve ver os arquivos da pasta de projeto na janela do navegador.

**Se você usar um servidor da Web diferente de npm, o endereço/porta padrão poderá ser diferente.

Last updated