Trabalhando com documentos JSON no Editor Atom

Neste post, veremos como podemos maximizar nossa velocidade e desempenho enquanto trabalhamos com documentos JSON no Atom Text Editor. Aprenderemos poucos atalhos e alguns recursos do Atom Editor oferecem enquanto trabalhamos com o JSON padrão.

Começando

Visite a página inicial do Atom para baixar e instalar a versão mais recente do editor do seu sistema operacional. Opcionalmente, você também pode explorar temas e pacotes disponíveis para átomo. Aqui está o que o Atom se parece quando é aberto:

Tela inicial do editor de átomos

Trabalhando com um documento JSON

Vamos criar um arquivo json para começar. Para fazer isso, pressione “CMD + N” no Mac (Ctrl + N para Ubuntu/Windows) e cole algum conteúdo JSON dentro dele. Usamos o seguinte objeto JSON:

"book_name": "MongoDB",
"Autor": [

"Nome": "Oshima"
,

"Nome": "Shubham"

]

Quando você salva o arquivo com o “.JSON ”Extensão, veremos imediatamente que o documento JSON é destacado (com base no seu tema atual):

JSON é destacado

Se você tentar, descobrirá que não pode dobrar os documentos JSON em vários níveis, o que geralmente é um recurso necessário. Vamos ativar esse recurso na próxima seção.

Dobração do código JSON

Para ativar o recurso de dobra de código dos documentos JSON, precisamos instalar um pacote de átomo como O recurso de dobra de código dos documentos JSON não está disponível por padrão. Para conseguir isso, precisamos instalar um novo pacote para atom conhecido como embelezar. Siga as instruções mencionadas no link fornecido para instalar este pacote para átomo. Ou apenas siga as instruções aqui:

Configurações/Preferências ➔ Pacotes ➔ Pesquise por Atom-Beautify

Aqui está o que recebemos com este comando:

Pacote de embelezamento atômico

Agora, depois de reiniciar o Editor Atom, veremos as seguintes setas no documento JSON:

Setas dobradas de código em JSON

Você pode tentar clicar nessas flechas para dobrar o JSON em uma determinada profundidade.

Formatação de código JSON

O recurso de formatação de código dos documentos JSON não está disponível por padrão no Editor Atom. Precisamos instalar um pacote para esta tarefa também. Felizmente, o pacote que instalamos na última execução também. Então, se você tem JSON mal formado como:

"book_name": "MongoDB",
"Autor": [

"Nome": "Oshima",
"Nome": "Shubham"

]

Podemos simplesmente clicar Ctrl + alt + b (em todos os sistemas operacionais) para embelezar os dados JSON no arquivo.

Conclusão

Nesta lição, analisamos como podemos fazer e trabalhar com documentos JSON em um dos editores de texto mais populares, Atom.