Skip navigation

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 logo

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 standaard HTML-document in Brackets

Een CSS-document in Brackets

Een CSS-document in Brackets

Inline editor voor CSS in Brackets

Inline editor voor CSS in Brackets

Inline editor voor kleuren in Brackets

Inline editor voor kleuren in Brackets

Splitscreen 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