Travailler avec JSON Documents dans ATOM Editor

Dans cet article, nous verrons comment nous pouvons maximiser notre vitesse et nos performances tout en travaillant avec des documents JSON dans ATOM Text Editor. Nous apprendrons quelques raccourcis et certaines capacités que l'éditeur Atom offre tout en travaillant avec JSON standard.

Commencer

Visitez la page d'accueil Atom pour télécharger et installer la dernière version de l'éditeur pour votre système d'exploitation. Facultativement, vous pouvez également explorer les thèmes et les packages disponibles pour l'atome. 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 «.Extension JSON ", nous verrons immédiatement que le document JSON est mis en évidence (en fonction de votre thème actuel):

JSON est mis en évidence

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 du code json

Pour activer la fonctionnalité de code de code des documents JSON, nous devons installer un package atome 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 connu sous le nom d'embeltif. 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 ➔ Recherchez l'atom-beautify

Voici ce que nous récupérons avec cette commande:

Package d'embellissement atom

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

Flèches de code de code dans 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 de 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 package que nous avons installé remplit également cette fonction. Donc, si vous avez du mal formaté JSON comme:

"book_name": "mongodb",
"auteur" : [

"Nom": "Oshima",
"Name": "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 examiné comment nous pouvons faire et travailler avec des documents JSON dans l'un des éditeurs de texte les plus populaires, Atom.