Editar código com o Editor de código do Now (recurso avançado)

  • Versão de lançamento: Washingtondc
  • Atualizado 1 de fev. de 2024
  • 3 min. de leitura
  • O Now Code Editor é um editor de rich text como interface que oferece suporte a Folhas de estilo em cascata (CSS), Linguagem de marcação de hipertexto (HTML), JavaScript, Linguagem de marcação extensível (XML) e Notação de objeto JavaScript (JSON). Use o Editor de código do Now para modificar a configuração da IU, a configuração do recurso de dados, os estilos, os eventos, os scripts do lado do cliente e do servidor em Next Experience componentes do Construtor de IU.

    O Editor de código do Now é compatível com os seguintes recursos:
    • Edição básica
    • Depuração
    • Comando paleta
    • Formatação de código
    • Verificação e realce de sintaxe
    • Sugestões automáticas
    • Macros de script para código comum

    Edição básica

    Ação Descrição
    Código de formato Aplica o recuo apropriado ao script.
    Atalho do teclado:
    • Windows: Shift + Alt + F
    • Mac: Shift + Opção + F
    Realçar sintaxe Destaca a sintaxe do código.
    Verificar sintaxe ícone de verificaçãode sintaxe Verifica se há erros de formatação e realça erros de sintaxe.
    • Windows: Shift + Alt + C
    • Mac: Merda + Opção + C
    Mostrar sugestões Exibe uma lista de elementos válidos no ponto de inserção, como:
    • Nomes de classes
    • Nomes de funções
    • Nomes de objeto
    • Nomes de variáveis
    Selecione e clique em uma entrada para adicioná-la ao script.
    Atalho do teclado:
    • Windows: Control + Espaço
    • Mac: Control + Espaço
    Você também pode habilitar ou desabilitar o realce de sintaxe no menu Configurações.
    Alternar comentários ícone de alternância de comentários Comentários de uma ou mais linhas de código com duas barras consecutivas //.
    Atalho do teclado:
    • Windows: Control+/
    • Mac: Command+/
    Mostrar minimapa Exibe o minimapa do snippet de código.

    Você pode exibir ou ocultar a opção de minimapa no menu Configurações .

    Habilitar quebra de linha Habilita a função de quebra de linha na área do editor.

    Você pode alternar a opção Habilitar quebra de linha no menu Configurações.

    Mostrar paleta de comando Exibe uma lista de comandos disponíveis para as operações comuns. Você pode executar comandos do editor, localizar e substituir texto, dobra e desdobrar blocos de código, alternar comentários e muito mais tarefas usando a mesma janela interativa.
    Atalho do teclado
    • Windows: F1
    • Mac: F1
    Expandir editor expandir ícone do editor ou recolher editor recolher ícone do editor Expande ou recolhe o editor.
    Atalho do teclado
    • Windows: Control+M
    • Mac: Control+M

    Depuração

    Para iniciar o Depurador de script, clique no ícone do Depurador de script Ícone do Depurador de script na barra de ferramentas.
    Nota:
    É possível adicionar um ponto de interrupção, ponto de interrupção condicional ou logpoint somente quando a depuração estiver habilitada e o idioma selecionado for JavaScript.
    Tarefa Faça o seguinte
    Adicionar ponto de interrupção Clique com o botão direito do mouse ao lado de um número de linha na área da regra e selecione Adicionar ponto de interrupção.
    Adicionar ponto de interrupção condicional
    1. Clique com o botão direito do mouse ao lado de um número de linha na área da regra e selecione Adicionar ponto de interrupção condicional.
    2. Insira uma condição de interrupção no editor.
    Adicionar logpoint Clique com o botão direito do mouse ao lado de um número de linha na área da regra e selecione Adicionar logpoint.
    Comparar texto no modo Comparação

    Use o ícone de exibição lado a lado do editor de código do Now, a exibição lado a lado e o ícone de exibição em linha do ícone de exibição do editor de código do Now, a exibição em linha para alternar entre as exibições.

    Macros do editor de código

    para
    • Descrição: insere um loop for padrão com uma matriz de exemplo.
    • Saída:
      for (var i=0; i< myArray.length; i++) {
       //myArray[i];
       
      }
    method
    • Descrição: insere um modelo de função JavaScript vazio.
    • Saída:
      /*_________________________________________________________________
         * Description:
         * Parameters:
         * Returns:
         ________________________________________________________________*/
         : function() {
         
         },
    informações
    • Descrição: insere uma mensagem informativa do GlideSystem.
    • Saída:
      gs.addInfoMessage(gs.getMessage(""));
    documento
    • Descrição: insere um bloco de comentário para descrever uma função ou parâmetros.
    • Saída:
      /**
       
      * Description: 
       
      * Parameters: 
       
      * Returns:
      */
    vargr
    • Descrição: insere uma consulta GlideRecord para dois valores com uma condição OR.
    • Saída:
      var gr = new GlideRecord('');
       
      var qc = gr.addQuery('field', 'value1');
       
      qc.addOrCondition('field', 'value2');
      gr.query();
       
      while (gr.next()) {
      
       
      }
      
    vargr
    • Descrição: insere uma consulta GlideRecord padrão para um único valor.
    • Saída:
      var gr = new GlideRecord("");
      gr.addQuery("name", "value");
      gr.query();
      if (gr.next()) {
         
      }