CATALOGUE Code & Data Maîtrisez ATOM - L'éditeur de texte libre Personnalisation Avancée d'ATOM avec Styles, Scripts et Snippets

Personnalisation Avancée d'ATOM avec Styles, Scripts et Snippets

Styles, scripts et snippets : prenez le contrôle d'Atom
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Maîtrisez ATOM - L'éditeur de texte libre
Revoir le teaser Je m'abonne
Transcription

39,00€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

DescriptionProgrammeAvis

39,00€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Les objectifs de cette vidéo sont d'apprendre à personnaliser ATOM en ajoutant et modifiant des styles CSS, des scripts JavaScript et des snippets de code.

Cette vidéo explique comment personnaliser ATOM à l'aide de styles CSS, de scripts JavaScript et de snippets.

Dans cette vidéo, nous allons explorer en détail comment personnaliser le logiciel ATOM, un éditeur de texte basé sur Chromium. Nous commencerons par ouvrir l'inspecteur d'ATOM pour accéder aux éléments HTML, CSS et JavaScript. Ensuite, nous verrons comment modifier les styles en utilisant le fichier Style Sheet. Pour illustrer ceci, nous allons décommenter une ligne de code pour changer le fond du panneau de projet en blanc.

Ensuite, nous nous pencherons sur l'ajout de scripts JavaScript ou CoffeeScript via le fichier InitScript. Nous vous montrerons comment exécuter un script simple qui affiche 'HelloWorld' dans la console JavaScript d'ATOM. Enfin, nous aborderons les snippets, des raccourcis qui génèrent automatiquement une portion de code. Nous vous expliquerons comment configurer et utiliser un snippet en décommentant un exemple et en modifiant le code généré.

Ces trois fichiers - styles, scripts et snippets - vous offrent des possibilités infinies pour modifier et personnaliser ATOM.

Voir plus
Questions réponses
Comment ouvrir l'inspecteur d'ATOM sous Windows ?
Pour ouvrir l'inspecteur d'ATOM sous Windows, utilisez le raccourci clavier CTRL-SHIFT-I.
Quel est le but du fichier Style Sheet dans ATOM ?
Le fichier Style Sheet permet de surcharger les règles CSS présentes dans ATOM et d'en créer de nouvelles pour personnaliser l'apparence de l'éditeur.
Que fait la commande console.log HelloWorld dans le fichier InitScript ?
La commande console.log HelloWorld affiche 'HelloWorld' dans la console JavaScript d'ATOM lors de l'initialisation.