Travailler avec des documents JSON dans l'éditeur ATOM

Dans cet article, nous verrons comment maximiser notre vitesse et nos performances tout en travaillant avec des documents JSON dans l'éditeur de texte ATOM. Nous apprendrons quelques raccourcis et quelques fonctionnalités offertes par l'éditeur Atom tout en travaillant avec JSON standard.

Commencer

Visitez la page d'accueil d'Atom pour télécharger et installer la dernière version de l'éditeur pour votre système d'exploitation. En option, vous pouvez également explorer les thèmes et les packages disponibles pour Atom. Voici à quoi ressemble Atom lorsqu'il est ouvert :

Écran d'accueil de l'éditeur Atom

Travailler avec un document JSON

Nous allons créer un fichier JSON pour commencer. Pour ce faire, appuyez sur "Cmd + N" sur Mac (Ctrl + N pour Ubuntu/Windows) et collez du contenu JSON à l'intérieur. Nous utilisons l'objet JSON suivant :

"book_name" : "MongoDB",
"auteur" : [

"nom" : "Oshima"
,

"nom" : "Shubham"

]

Lorsque vous enregistrez le fichier avec le ".json", nous verrons immédiatement que le document JSON est mis en surbrillance (en fonction de votre thème actuel) :

JSON est mis en surbrillance

Si vous essayez, vous constaterez que vous ne pouvez pas plier les documents JSON à différents niveaux, ce qui est souvent une fonctionnalité nécessaire. Activons cette fonctionnalité dans la section suivante.

Pliage de code JSON

Pour activer la fonction de pliage de code des documents JSON, nous devons installer un package Atom en tant que la fonction de pliage de code des documents JSON n'est pas disponible par défaut. Pour y parvenir, nous devons installer un nouveau package pour Atom appelé Beautify. Suivez les instructions mentionnées sur le lien fourni pour installer ce package pour Atom. Ou suivez simplement les instructions ici :

Paramètres/Préférences ➔ Packages ➔ Rechercher atom-beautify

Voici ce que nous obtenons avec cette commande :

Forfait Atom Beautify

Maintenant, une fois que vous aurez redémarré l'éditeur Atom, nous verrons les flèches suivantes dans le document JSON :

Flèches de repli de code en JSON

Vous pouvez essayer de cliquer sur ces flèches pour plier le JSON à une profondeur donnée.

Formatage du code JSON

La fonction de formatage du code des documents JSON n'est pas disponible par défaut dans l'éditeur Atom. Nous devons également installer un package pour cette tâche. Heureusement, le dernier paquet que nous avons installé remplit également cette fonction. Donc, si vous avez du JSON mal formaté comme :

"book_name" : "MongoDB",
"auteur" : [

"nom" : "Oshima",
"nom" : "Shubham"

]

Nous pouvons simplement cliquer CTRL + ALT + B (sur tous les systèmes d'exploitation) pour embellir les données JSON dans le fichier.

Conclusion

Dans cette leçon, nous avons vu comment créer et utiliser des documents JSON dans l'un des éditeurs de texte les plus populaires, Atom.