O editor de cenários da UURAGE é um componente de aplicativo da web para editar cenários de comunicação.
Uma pilha de servidor que inclui php> = 7.4.
Para uso on -line, qualquer pequeno pacote de hospedagem na web deve fazer; Os ambientes Linux são mais comuns e melhor suportados que os servidores Windows. Para uso offline, o uso local no Windows, o XAMPP é uma opção razoável.
Coloque todos os arquivos em um diretório e defina o subdiretório public como a raiz da web ( DocumentRoot no apache). Se você não puder alterar a raiz da web, mas tiver acesso ao diretório que contém a raiz da web, você pode colocar todos os arquivos e mover o conteúdo do public para a raiz da web.
Crie um arquivo XML de configuração com base no idioma de configuração com o espaço para nome http://uurage.github.io/scenarioeditor/config/namespace e coloque -o no diretório public/editor com o nome do arquivo config.xml . Um tutorial também está disponível.
O objetivo do pacote NPM é gerenciar dependências de desenvolvimento. Utilizamos tecnologias que envolvem arquivos de construção (transformando) (veja abaixo). O pacote NPM permite criar tudo de uma vez e criar arquivos que mudaram desde a última compilação toda vez que você salva um arquivo.
Instale o Node.js e execute os seguintes comandos para instalar as dependências de desenvolvimento:
npm install -g gulp-cli
npm install
Para construir, execute gulp build . Para construir e observar as mudanças de arquivo, execute gulp .
O editor de cenários tem uma tarefa de código do Visual Studio para executar o Gulp. Após a instalação das dependências, essa tarefa pode ser executada com Ctrl+Shift+B na janela de edição de código.
O editor de cenários usa uma coleção de arquivos SASS para seu estilo. Existem várias maneiras de compilar SASS com CSS.
Consulte "pacote npm" acima. Execute gulp sass para compilar uma vez.
Ao compilar usando o compilador SASS padrão, você precisa assistir à pasta public/editor/sass para compilar com public/editor/css .
Você pode relaxar ao vivo as alterações nas suas folhas de estilo no seu navegador executando gulp stream , que usa o BrowSync e usa localhost como o nome do host proxy.