Beste code-editor: Brackets

Hey, zoals je waarschijnlijk wel weet, als je op mijn blog komt, houd ik van programmeren. Vandaag, wil ik jullie mijn favoriete code-editor laten zien: Brackets


Brackets is een code-editor / IDE gemaakt door Adobe. Ze gebruiken Code Mirror om de code te kunnen highlighten. Brackets bevat een inline editor, om css en kleuren te kunnen bewerken. Dat doe je, door een element, of kleur te selecteren, en op CTRL + E te drukken. Ook kan je je scherm opdelen in 2 stukken (splitscreen). Zo kan je in twee bestanden tegelijk werken. Dat doe je door op het rechthoekige pictogram naast de bestandenlijst te klikken. Maar het handigst vind ik live voorbeeld. In live voorbeeld kun kijken hoe je code er in de browser uitziet, en zodra jij in je code iets veranderd, veranderd het mee in de browser. Je zet Live Voorbeeld aan, door op het bliksemschicht pictogram te klikken, in de rechter bovenhoek van het scherm


Een standaard HTML-document in Brackets


Een CSS-document in Brackets


Inline editor voor CSS in Brackets 


Inline editor voor kleuren in Brackets


Splitscreen in Brackets

En dan nu tot slot, een filmpje over Live Voorbeeld, en de andere functies



Ik hoop dat jullie iets aan deze blogpost gehad hebben, en tot de volgende keer!
Robin

Reacties: