Beste gratis code-editors voor webontwikkelaars

door Bradley Nice, Content Manager bij ClickHelp.com - software documentatie tool

Vandaag heb ik een lijst opgesteld van de beste, naar mijn mening, code-editors voor webontwikkelaars. Als u de voorkeur geeft aan een andere code-editor die niet in de lijst staat, geef dan een opmerking over de naam en waarom geniet u ervan en ik voeg deze toe aan de lijst.

beugels

Brackets is een moderne open-source code-editor voor HTML, CSS en JavaScript die is gebouwd in HTML, CSS en JavaScript.

Belangrijkste kenmerken:

  • Hulpmiddelen mogen u niet in de weg staan. In plaats van uw codeeromgeving te rommelig maken met veel panelen en pictogrammen, zet de Quick Edit UI tussen haakjes contextspecifieke code en tools inline.
  • Beugels worden gesynchroniseerd met uw browser. Met Live Preview werkt Brackets rechtstreeks met uw browser om code-bewerkingen direct te pushen en heen en weer te schakelen tussen uw echte broncode en de browserweergave.
  • Doe het zelf. Omdat Brackets open source is en is gebouwd met HTML, CSS en JavaScript, kunt u helpen de beste code-editor voor het web te bouwen.

Atoom

Atom is een teksteditor die modern, aanspreekbaar en toch tot de kern kan worden gehackt - een hulpmiddel dat u kunt aanpassen om alles te doen, maar ook productief kunt gebruiken zonder ooit een configuratiebestand aan te raken.

Belangrijkste kenmerken:

  • Cross-platform bewerken. Atom werkt op verschillende besturingssystemen. Je kunt het gebruiken op OS X, Windows of Linux.
  • Ingebouwde pakketbeheerder. Zoek en installeer nieuwe pakketten of begin met het maken van uw eigen pakketten - allemaal vanuit Atom.
  • Slimme automatische aanvulling. Atom helpt u sneller code te schrijven met een slimme, flexibele autocomplete.
  • Browser bestandssysteem. Blader en open eenvoudig een enkel bestand, een heel project of meerdere projecten in één venster.
  • Meerdere ruiten. Splits uw Atom-interface in meerdere deelvensters om code over bestanden te vergelijken en te bewerken.
  • Zoek en vervang. Zoek, bekijk en vervang tekst terwijl u in een bestand typt of in al uw projecten.

Lichte tafel

Belangrijkste kenmerken:

  • Horloges. Volgende generatie println om belangrijke waarden in uw code bij te houden. Voeg gewoon een horloge toe aan een uitdrukking en de waarde wordt in realtime teruggestuurd naar LT.
  • Inline evaluatie. Niet meer afdrukken naar de console om uw resultaten te bekijken. Evalueer eenvoudig uw code en de resultaten worden inline weergegeven.
  • Open source. Elk stukje Light Table-code is beschikbaar voor de community omdat niemand van ons zo slim is als wij allemaal.
  • Kneedbaar. Keymaps, gedragingen en de Light Table-engine voor gedrag-object-tag betekent dat u uw IDE eenvoudig kunt aanpassen aan wat uw werk vereist.
  • Plugin manager. De plug-inbeheerder sluit aan op de centrale lijst met plug-ins, zodat u niet op internet hoeft te jagen om de plug-ins te vinden die u zoekt.
  • Krachtige bewerking. Light Table is een lichtgewicht, schone en strakke interface met alle kracht en functionaliteit die u nodig hebt en mag verwachten van uw editor.

Sublieme tekst

Belangrijkste kenmerken:

  • Ga naar alles. Gebruik Goto Anything om bestanden met slechts enkele toetsaanslagen te openen en direct naar symbolen, lijnen of woorden te springen.
  • Meerdere selecties. Breng tien wijzigingen tegelijkertijd aan, niet tien keer tien. Met meerdere selecties kunt u interactief veel regels tegelijk wijzigen, variabelen gemakkelijk hernoemen en bestanden sneller dan ooit manipuleren.
  • Commandopalet. Het opdrachtpalet bevat zelden gebruikte functies, zoals sorteren, de syntaxis wijzigen en de inspringingsinstellingen wijzigen. Met slechts een paar toetsaanslagen kunt u zoeken naar wat u wilt, zonder ooit door de menu's te hoeven navigeren of obscure toetsbindingen te onthouden.
  • Afleidingsvrije modus. Wanneer u zich moet concentreren, is de Distraction Free Mode er om u te helpen. Afleidingsvrije modus is volledig scherm, chroomvrij bewerken, met niets anders dan uw tekst in het midden van het scherm. U kunt elementen van de gebruikersinterface, zoals tabbladen en het zoekvenster, stapsgewijs weergeven als u ze nodig hebt.
  • Splitsen bewerken. Haal het meeste uit uw breedbeeldmonitor met ondersteuning voor gesplitste bewerkingen. Bewerk bestanden naast elkaar of bewerk twee locaties in één bestand. U kunt met zoveel rijen en kolommen bewerken als u wilt. Profiteer van meerdere monitoren door met meerdere vensters te bewerken en meerdere splitsingen in elk venster te gebruiken.
  • Directe projectwisseling. Projecten in Sublime Text leggen de volledige inhoud van de werkruimte vast, inclusief gewijzigde en niet-opgeslagen bestanden. U kunt schakelen tussen projecten op dezelfde manier als Goto Anything, en de omschakeling is direct, zonder prompts voor opslaan - al uw wijzigingen worden hersteld wanneer het project wordt geopend.
  • Plugin API. Sublime Text heeft een krachtige, op Python gebaseerde plug-in-API. Samen met de API wordt er een ingebouwde Python-console meegeleverd om in realtime interactief te experimenteren.
  • Alles aanpassen. Key Bindings, Menu's, Fragmenten, Macro's, Completies en meer - zo ongeveer alles in Sublime Text is aanpasbaar met eenvoudige JSON-bestanden. Dit systeem biedt u flexibiliteit, aangezien instellingen kunnen worden opgegeven per bestandstype en per project.
  • Cross-platform. Sublieme tekst is beschikbaar voor OS X, Windows en Linux. Eén licentie is alles wat u nodig hebt om Sublime Text te gebruiken op elke computer die u bezit, ongeacht welk besturingssysteem het gebruikt.

notepad ++

Notepad ++ is een gratis broncode-editor en een vervanging voor Notepad die verschillende talen ondersteunt. Het gebruik ervan wordt uitgevoerd in de MS Windows-omgeving en valt onder de GPL-licentie.

Belangrijkste kenmerken:

  • Syntaxis markeren en syntaxis vouwen;
  • Door de gebruiker gedefinieerde syntaxis markeren en vouwen;
  • PCRE (Perl-compatibele reguliere expressie) Zoeken / vervangen;
  • GUI volledig aanpasbaar;
  • Documentkaart;
  • Automatische aanvulling: hint van Word, voltooiing van functie en functieparameters;
  • Multi-document (tabbladinterface);
  • Multi-View;
  • WYSIWYG (afdrukken);
  • Zoom in en zoom uit;
  • Ondersteunde meertalige omgeving;
  • Bladwijzer;
  • Macro opname en weergave;
  • Start met verschillende argumenten.

Visual Studio Code

Visual Studio Code is een broncode-editor ontwikkeld door Microsoft voor Windows, Linux en macOS. Het is gratis en open-source, hoewel de officiële download onder een eigen licentie valt.

Belangrijkste kenmerken:

  • debugging;
  • Embedded Git controle;
  • Syntaxis markeren;
  • Intelligente code-voltooiing;
  • snippets;
  • Code refactoring;
  • Maatwerk.

Fijne dag!

Bradley Nice,
Content Manager op ClickHelp.com - beste online documentatie-tool voor SaaS-leveranciers