Voorgestelde teksteditors voor HTML5 en CSS3-programmering - dummies

Omdat een teksteditor zo'n belangrijk hulpmiddel is bij het programmeren voor HTML5 en CSS3, kan het een beetje afhankelijk zijn van uw voorkeuren, maar hier zijn een paar goede. Merk op dat elke editor hier volledig gratis is.

Een opmerkelijke editor: Notepad ++

Een aantal ontwikkelaars heeft goede teksteditors bedacht. Sommige van de beste zijn gratis, zoals Notepad ++ van Don Ho. Notepad ++ is ontworpen voor tekstbewerking, vooral in programmeertalen.

Notepad ++ heeft veel interessante functies. Hier zijn een paar hoogtepunten:

• Syntax highlighting: Notepad ++ kan belangrijke HTML-termen herkennen en verschillende soorten termen in verschillende kleuren weergeven. Alle HTML-tags worden bijvoorbeeld blauw weergegeven en de tekst is zwart, zodat u gemakkelijk kunt zien of u bepaalde soorten fouten hebt gemaakt, zoals vergeten een tag te beëindigen. Merk op dat de kleuren niet in het document worden opgeslagen.

• Meerdere bestanden: U wilt vaak meer dan één document tegelijk bewerken. U kunt tegelijkertijd verschillende documenten in het geheugen opslaan.

• Ondersteuning voor meerdere talen: Momenteel bestaan ​​uw pagina's alleen uit HTML. Binnenkort gebruik je een aantal andere talen, zoals SQL, CSS en PHP. Notepad ++ is slim genoeg om deze talen ook te herkennen.

• Macro's: Overweeg om een ​​toetsenbordmacro te schrijven wanneer u merkt dat u iets doet. Notepad ++ heeft een geweldige macrofunctie. Macro's zijn eenvoudig op te nemen en een reeks toetsaanslagen af ​​te spelen, wat u veel werk kan besparen.

• Paginavoorbeeld: Test een testpagina wanneer u een pagina schrijft. Notepad ++ heeft ingebouwde sneltoetsen waarmee je snel je pagina kunt bekijken in Internet Explorer (Ctrl + Alt + Shift + I) en Firefox (Ctrl + Alt + Shift + X).

• TextFX: Het open-sourceontwerp van Notepad ++ maakt het eenvoudig om functies toe te voegen. Met de TextFX-extensie (ingebouwd in Notepad ++) kunt u allerlei interessante dingen doen. Een bijzonder handige set hulpprogramma's voert HTML Tidy uit op uw pagina en lost eventuele problemen op.

Helaas is Notepad ++ een Windows-editor. Als u Mac of Linux gebruikt, moet u iets anders zoeken. Het dichtstbijzijnde alternatief in de Mac- en Linux-wereld is gedit.

gedit

Een eenvoudige maar effectieve editor die gratis beschikbaar is voor alle belangrijke besturingssystemen is gedit. Het is de standaardeditor voor veel versies van Linux, maar je kunt het voor Mac en Windows downloaden.

Het heeft alle standaardfuncties, waaronder accentuering van syntaxis (waarin verschillende codegedeelten in verschillende kleuren worden weergegeven om foutopsporing te helpen), regelnummers en een codelijst. Dit is een speciaal menu waarmee u algemene HTML-tags kunt kiezen van een lijst als u wat syntaxis bent vergeten.

Helaas heeft gedit geen macro-editor. Dit is misschien geen deal-breaker voor u, maar vaak is een macro-tool uitermate nuttig. Als je een erg mooie algemene editor nodig hebt, overweeg dan gedit. Het doet veel van wat je zou willen zonder heel ingewikkeld te worden.

De oude standaarden: VI and Emacs

Geen enkele bespreking van teksteditors is compleet zonder een vermelding van de eerbiedwaardige UNIX-editors die de kern vormden van de vroege internetervaring. Het grootste deel van het baanbrekende werk op het web was gedaan in de besturingssystemen UNIX en Linux, en deze omgevingen hadden twee extreem populaire tekstverwerkingsfamilies. Beide lijken misschien obscuur, maar ze hebben nog steeds gepassioneerde aanhangers, zelfs in de Windows-gemeenschap.

VI en VIM

VI staat voor VIsual Editor . Die naam lijkt nu vreemd omdat de meeste ontwikkelaars zich geen editor kunnen voorstellen die niet visueel is. Vroeger was het een heel belangrijke deal dat VI het hele scherm kon gebruiken voor het bewerken van tekst. Voor die tijd waren line-oriented editors de belangrijkste manier om tekstbestanden te bewerken.

VI is een modale -editor, wat betekent dat dezelfde sleutel soms meer dan één taak heeft, afhankelijk van de huidige modus van de editor. De toets I wordt bijvoorbeeld gebruikt om aan te geven waar u tekst wilt invoegen. De D-toets wordt gebruikt om tekst te verwijderen, enzovoort.

Natuurlijk, als u tekst invoert, hebben de toetsen hun normale betekenis. Dit multimodus-gedrag is verbluffend voor moderne gebruikers, maar het kan verbazingwekkend efficiënt zijn nadat u eraan gewend bent. Ervaren VI-gebruikers zweren erbij en gebruiken vaak niets anders.

VI is een beetje te obscuur voor sommige gebruikers, dus een aantal varianten zweven rond, zoals VIM of VI Improved . VIM is een beetje vriendelijker dan VI en GVIM is nog vriendelijker. Het vertelt je in welke modus het is en bevat moderne functies als muisondersteuning, menu's en pictogrammen. Zelfs met deze functies is VIM niet intuïtief voor de meeste mensen.

Er zijn versies van VI beschikbaar voor vrijwel elk besturingssysteem dat wordt gebruikt. Als je VI al kent, kun je het misschien leuk vinden om het te gebruiken voor het ontwikkelen van webpagina's, omdat het alle functies heeft die je misschien nodig hebt.

Emacs

De andere populaire editor van de UNIX-wereld is Emacs. Net als VI heb je deze tool waarschijnlijk niet nodig als je nooit Linux of UNIX gebruikt. Ook zoals VI, als je het al weet, heb je waarschijnlijk niets anders meer nodig. Emacs is al heel lang een programmeursredacteur (sinds 1976) en heeft bijna elke functie die je maar kunt bedenken.

Emacs heeft ook veel functies waar je niet aan hebt gedacht, zoals een ingebouwd spel voor tekstavonturen en zelfs een simulator voor psychotherapeuten.

Emacs heeft zeer krachtige aanpassings- en macrofuncties waarmee u meer dan één bestand tegelijk kunt bekijken en bewerken. Emacs heeft ook de mogelijkheid om het lokale bestandssysteem te bekijken en te manipuleren, externe bestanden te beheren, toegang te krijgen tot de shell van het lokale besturingssysteem (OS) en zelfs op internet te surfen of e-mail te controleren zonder het programma te verlaten.

Als u bereid bent te investeren in een programma dat enige moeite kost om het te begrijpen, heeft u een ongelooflijk krachtige tool in uw pakket.Versies van Emacs zijn beschikbaar voor de meeste grote besturingssystemen.

Een verbeterde versie - XEmacs - gebruikt standaardmenu's en pictogrammen zoals moderne programma's, dus het is redelijk eenvoudig om ermee aan de slag te gaan.