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

  • Versão de lançamento: Yokohama
  • Atualizado 30 de jan. de 2025
  • 3 min. de leitura
  • O Now Code Editor é um editor de rich text como interface que suporta folhas de estilos em cascata (CSS), Hypertext Markup Language (HTML), JavaScript, Extensible Markup Language (XML) e JavaScript Object Notation (JSON). Use o Editor de código Now para modificar a configuração de IU, configuração de recursos de dados, estilos, eventos, scripts do lado do cliente e do lado do servidor em Next Experience componentes do Construtor de IU.

    O Now Code Editor é 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
    Formatar código 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ção de sintaxe Verifica se há erros de formatação e realça erros de sintaxe.
    • Windows: Shift+Alt+C
    • Mac: Shit+Option+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+Space
    • Mac: Control+Space
    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 Comenta 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 comandos Exibe uma lista de comandos disponíveis para as operações comuns. Você pode executar comandos do editor, localizar e substituir texto, desdobrar 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 ícone de expandir editor ou recolher ícone de recolher 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:
    Você pode adicionar um ponto de interrupção, ponto de interrupção condicional ou ponto de log 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 Nowpara alternar entre as exibições.

    Macros do editor de código

    Por
    • 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ários para descrever uma função ou parâmetros.
    • Saída:
      /**
       
      * Description: 
       
      * Parameters: 
       
      * Returns:
      */
    variável
    • Descrição: insere uma consulta GlideRecord para dois valores com uma condição OU.
    • 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()) {
         
      }