des ordinateurs

Review - Brackets Text Editor

Avril 2020

Review - Brackets Text Editor


Récemment, j'ai décidé d'évaluer quelques éditeurs de texte open source. Dans cette revue, nous allons jeter un œil à l'éditeur de code Brackets, un projet open source d'Adobe.

Mes exigences personnelles pour un éditeur de texte sont simples. Je dois coder dans une fenêtre et voir une mise à jour en direct dans une autre. Brackets dispose d'une fonction de prévisualisation en direct qui ouvre votre fichier dans le navigateur Chrome. Vous pouvez voir les résultats dans Chrome lorsque vous modifiez votre code. Ainsi, vous n'utiliserez pas l'ancien processus de modification - sauvegarde - rafraîchissement du navigateur. L'aperçu en direct instantané fonctionne à la fois pour le document html et le code css dans l'éditeur en ligne.

Tout d'abord, installez les supports

  • Téléchargez et ouvrez le fichier dmg

  • Faites glisser l'icône Brackets vers votre dossier d'application

  • Cliquez sur Brackets.app dans le dossier Applications

  • Lisez l'introduction dans le fichier html par défaut. C'est très utile. Ne le sautez pas.

Commencez à travailler sur un projet en ouvrant le dossier contenant vos fichiers. Cela indiquera aux supports d'utiliser ces fichiers dans les fonctionnalités de conseils de code, d'édition rapide et d'aperçu en direct. La barre latérale gauche fonctionne comme Mini Bride de Photoshop, pour afficher les fichiers dans le dossier ouvert et pour basculer entre les dossiers.

Vous n'avez pas besoin d'ouvrir et de basculer entre vos fichiers html et css. Brackets possède un éditeur en ligne qui s'affichera et vous permettra de modifier le code CSS associé à une balise sélectionnée dans le html. Dans cette capture d'écran, j'ai sélectionné la balise h1. Comme vous pouvez le voir, nous pouvons modifier le CSS existant ou cliquer sur le bouton Nouvelle règle pour ajouter une nouvelle règle à la balise. Cela fonctionne également avec les codes de couleur html, les miniatures d'image, les fonctions JS et l'animation.

Extensions

Les crochets sont écrits en HTML, JS et CSS. Vous pouvez donc vous salir les mains en modifiant et en étendant l'application si vous le souhaitez. Comme pour la plupart des projets open source, Brackets possède une large communauté d'utilisateurs et de développeurs. Vous pouvez participer et aider ou simplement parcourir la liste des thèmes et extensions qui peuvent être ajoutés pour étendre les fonctionnalités des supports. Cliquez simplement sur Fichier - Gestionnaire d'extensions. Vous pouvez envisager l'extension Autoprefixer, qui ajoute des préfixes de fournisseur à votre code.

Télécharger les supports
//brackets.io/

Blog Brackets
//blog.brackets.io/

Prise en charge des supports
//github.com/adobe/brackets/wiki/Troubleshooting

My Favorite Text Editor - Brackets (Avril 2020)



Tags Article: Review - Brackets Text Editor, Digital Art and Design, Review Brackets, open source, éditeur de texte

Singapour spectaculaire

Singapour spectaculaire

voyage & culture