net zoals een schilder een borstel, een smid haar hamer en timmerman zijn zaag nodig heeft, hebben WordPressers hun eigen set gereedschappen nodig.
hoewel we veel verschillende WordPress-ontwikkeltools tot onze beschikking hebben, gebeurt het meeste werk in een eenvoudige teksteditor.
of u nu een full-on plugin of thema-ontwikkelaar bent of “alleen” een gevorderde gebruiker, We hebben de hele tijd code-editors nodig: Het configureren van kernbestanden, het veranderen van stijlen, het bewerken van sjabloonbestanden, noem maar op-een goed deel van ons werk is het wijzigen van regels code.
daarom is het alleen maar goed en juist dat we het beste gereedschap gebruiken dat we tot onze beschikking hebben, is het niet? Immers, zoals Abraham Lincoln (naar verluidt) zei: “Geef me zes uur om een boom om te hakken en Ik zal de eerste vier slijpen van de bijl.”
(dacht je dat ik Lincoln niet kon meenemen in een gesprek over WordPress? Ik ook niet.)
om er zeker van te zijn dat we altijd de scherpste assen gebruiken, laten we eens kijken naar enkele van de beste code-editors voor WordPress ontwikkelaars en gebruikers die er zijn.
wat te zoeken in een Code-Editor voor WordPress ontwikkeling
voordat we overgaan tot de eigenlijke software, laten we snel gaan over waarom we een gespecialiseerde code-editor moeten gebruiken in de eerste plaats.
kunt u WordPress-bestanden immers niet bewerken met elk type teksteditor, inclusief degene die wordt geleverd met het besturingssysteem van uw computer?
hoewel dat in feite waar is en dergelijke programma ‘ s zijn voldoende in een snuifje, een goede code-editor biedt veel meer functies naast het “bewerken” Deel, allemaal ontworpen om uw leven als een WordPress-werknemer veel gemakkelijker te maken en bespaart u hopen tijd.
in het volgende zal ik ingaan op een paar gemeenschappelijke functies en functies van professionele code editing programma ‘ s.
afhankelijk van uw behoeften en voorkeuren, kunnen ze een grote factor vormen in uw beslissing voor of tegen een van de code-editors op deze lijst. Daarom moet u ervoor zorgen dat uw must-have functies zijn opgenomen native of kan worden toegevoegd via een extensie.
doeltaal ondersteuning
Ten eerste is het belangrijk om ervoor te zorgen dat de code-editor van uw keuze de programmeertaal(s) ondersteunt waarmee u wilt werken.
voor webontwikkeling zou dit meestal HTML, CSS, PHP en JavaScript zijn. U kunt echter ook extra talen nodig hebben.
Gelukkig ondersteunen de meeste huidige editors deze standaard. Toch kan het geen kwaad om te controleren.
syntaxisaccentuering en opmaakopties
de mogelijkheid om automatisch verschillende elementen van de codesyntaxis met verschillende kleuren te markeren is een zeer nuttige functie voor programmeer -, scripting-en opmaaktalen.
het maakt het veel gemakkelijker om de code te begrijpen en te lezen, syntaxisfouten te herkennen (aangezien strings niet van kleur veranderen tenzij ze compleet zijn), en te zien waar een haakje eindigt en de volgende begint.
veel codebewerkers bieden ook extra opmaakopties, zoals code vouwen en automatisch inspringen. Gecombineerd verbeteren deze functies de leesbaarheid van code aanzienlijk.
syntaxismarkering is beschikbaar voor vrijwel alle programmeertalen vandaag en er is geen excuus om het niet in een code-editor op te nemen.
Zoek en vervang functie
vooral bij het bouwen van complexe sites, gebeurt het vaak genoeg dat er iets moet worden veranderd site breed — misschien een van de belangrijkste kleuren of een belangrijke JavaScript variabele.
wat het ook is, je bent nu links op zoek naar en het corrigeren van elke instantie in de code. Zoals u zich kunt voorstellen, wordt dit vooral moeilijk als u met meerdere bestanden werkt, zoals meerdere stylesheets.
wanneer dit gebeurt, is het erg handig om een krachtige zoek-en vervang-functie bij de hand te hebben die dit automatisch kan doen. Het zal je veel werk en gespannen ogen besparen, geloof me.
Automatisch aanvullen van Code
u kent deze functie mogelijk van uw telefoon (met vaak hilarische resultaten), tekstverwerker of als u ooit met Firebug hebt gewerkt om live bewerkingen uit te voeren op de CSS van uw site.
zoals de naam al doet vermoeden, helpt autocomplete u om code te schrijven zonder elke instantie volledig te hoeven typen. In plaats daarvan, wanneer u begint te typen, zal de editor u een aantal alternatieven voorstellen die bij uw invoer passen.
programmeertaal is voorbestemd voor dit soort dingen, omdat er slechts een beperkt aantal uitdrukkingen zijn die in ieder geval zinvol zijn en, zoals u zich kunt voorstellen, dit het coderen veel sneller en gemakkelijker kan maken.
ingebouwde FTP-ondersteuning
hand omhoog als dit klinkt als uw workflow voor het bewerken van WordPress-bestanden:
- Open Filezilla
- Inbellen op uw server
- Blader naar een bestand
- Downloaden
- Zoek het bestand op uw computer
- Openen met een tekst edior
- bewerken
- het bestand Opslaan
- Ga terug naar FileZilla
- Reupload-bestand naar de server
Als dat je, maak je geen zorgen, je bent niet alleen. We zijn allemaal begonnen met dit of een soortgelijk ingewikkeld proces.
gelukkig is er een gemakkelijkere manier. Veel code-editors hebben nu modules voor toegang tot FTP / SFTP-servers, zodat u bestanden rechtstreeks vanuit de editor kunt openen, bewerken en implementeren.
versiebeheer
versiebeheer is een vangnet. Wanneer u bewerkingen aan uw bestanden en dingen mis gaan (zoals ze onvermijdelijk zullen), version control kunt u terug te gaan naar oudere versies van uw werk en fouten ongedaan te maken.
vooral als u aan grotere projecten werkt, is versiebeheer een must have.
hoewel je Git kunt gebruiken (je kunt hier een Beginner tutorial vinden) en andere manieren van versiebeheer, onafhankelijk van je code-editor, bieden velen het ingebouwd aan of als een extensie.
Als u meer doet dan casual coderen, kan dit een belangrijke factor zijn voor uw beslissing.
So far so good?
laten we naar de kanshebbers voor de beste code-editor voor WordPress ontwikkeling.
de beste Code-Editors voor WordPress ontwikkelaars en gebruikers
Eén waarschuwing: voor dit bericht probeerde ik me te concentreren op pure code-editors en niet op volledige ontwikkelomgevingen. Dus als je je favoriete IDE niet kunt vinden op de lijst (zoals PHPStorm, Eclipse, enz.), dat is expres.
Plus, deze lijst is geenszins volledig en in geen bepaalde volgorde. Het kiezen van welke code-editor voor u geschikt is, hangt echt af van uw persoonlijke voorkeuren en behoeften, daarom zal ik geen oordeel geven over welke de beste is.
alles goed? Laten we dan aan de slag gaan.
Light Table
Prijs: Gratis
onze eerste deelnemer is niet alleen gratis en open source (je kunt het vinden op GitHub) maar ook het resultaat van een Kickstarter crowdfunding campagne met meer dan $300k in back-up.
het werkt op meerdere platforms (Windows, Mac, Linux), heeft een gladde en zeer schone interface en is — dankzij de vele beschikbare extensies — zeer aanpasbaar.
een van de meest interessante functies is dat het direct feedback geeft. Open een browservenster in de editor en u kunt de effecten van code veranderingen meteen zien. Hier is het in actie:
extra functies:
- Lightweight
- Fuzzy file search
- ondersteuning voor verschillende insluiten
- syntaxismarkering
- Debugging
UltraEdit
prijs: $79.95/jaar
werken met Windows, Mac OS, of Linux, Ultraedit heeft je rug.
UltraEdit kent HTML, PHP, JS, Perl, C/C++, Python en andere talen, sportfuncties zoals bestandsvergelijking, multi-tab/multi-pane bewerken en meer, en zelfs zijn eigen FTP-client.
hoewel relatief duur en met jaarlijks terugkerende betalingen, hebt u het gemak van het werken met een premium product dat actief wordt ontwikkeld.
Extra Functies:
- Syntax highlighting
- Geïntegreerde SSH/telnet
- Editor thema ‘ s
- Bestand/gegevens sorteren
RapidPHP
Prijs: vanaf € 35.95
RapidPHP is een code-editor voor Windows, dat legt een grote premie op snelheid (vandaar de naam, denk ik).
hoewel gebouwd voor PHP-programmering, ondersteunt het ook HTML, CSS, JS en andere webontwikkelingstalen met functies zoals syntaxis highlighting, autocomplete, formatteren en debuggen.
het programma maakt ook direct verbinding met FTP, SFTP en FTPS servers en wordt geleverd met file management tools en Git integratie.
terwijl een premium product, RapidPHP biedt een proefversie die kan worden gebruikt 30 keer voordat u wordt gevraagd om een licentie te kopen.
aanvullende functies:
- Code-invouwing
- Klaar voor HTML5 en CSS3
- CSS-compatibiliteit horloge
- Krachtige zoek-en-vervang
- Eenvoudig hergebruik van code snippets
- Ondersteuning voor mobiele ontwikkeling
Chocolat
Prijs: $49.00
Het programma met de heerlijke naam heeft verheven doelstellingen: het perfecte tekst-editor voor Max OS X voor elke programmeertaal bekend bij de mens (hun woorden, niet de mijne).
het wil dit bereiken door perfect te integreren met de OS interface, het aanbieden van code aanvulling voor JS, Python, HTML, en meer, evenals project-brede zoeken en vervangen en live fout controle.
extra functies:
- code folding
- splitsen bewerken
- Systeemkleurkiezer
- Live voorbeeld voor HTML en Markdown
- projecten maken via slepen en neerzetten
Atom
Prijs: Gratis
Atom is een relatief nieuwe toevoeging aan de wereld van code-editors en werd gemaakt door niemand minder dan GitHub.
het werkt met alle belangrijke besturingssystemen, is gratis, open source en, omdat het gemaakt is met ontwikkelaars in gedachten, is het zeer uitbreidbaar en aanpasbaar.
de editor wordt geleverd met één kernmodule die kan worden uitgebreid met een groeiend aantal door de gebruiker gemaakte pakketten. Samen met de vele thema ‘ s, dit stelt u in staat om precies de tool die u nodig hebt te creëren.
extra functies:
- Fuzzy search
- codefragmenten
- bestandssysteem browser
- Project-breed zoeken en vervangen
- meerdere paneelweergaven
- code folding
Komodo bewerken
prijs: Free
deze editor is een gratis en open source bijgesneden versie van de populaire Komodo IDE. Het biedt meertalige ondersteuning met autocomplete, project management tools en change tracking.
meer geavanceerde opties, zoals debuggen en unit testing, zijn echter gereserveerd voor zijn grote broer.
extra functies:
- Markdown viewer
- meerdere selecties
- aanpasbare skins en pictogrammen
- Kopy.io integratie
CodeAnywhere
prijs: Gratis (voor proefversie)
Dit is een heel intrigerende vermelding. In plaats van een downloadbare applicatie, CodeAnywhere is een (toepasselijk) cloud editor/IDE.
Meld u overal ter wereld aan, open bestanden op elke FTP-server, Dropbox of Google Drive en ontvang uw code.
de editor bevat ook een krachtige revisie tool voor eenvoudige rollback die u toelaat om SSH bestanden rechtstreeks naar een andere server.
Plus, het cloud karakter maakt het samenwerken met of het tonen van uw code aan een andere persoon net zo eenvoudig als het verzenden van een link en je kunt het ook gebruiken op IOS en Android mobiele apparaten.
de basisversie van CodeAnywhere is vrij om te proberen, licenties beginnen bij $2 / maand.
Extra Functies:
- vooraf Gedefinieerde aangepaste container stapels
- Verbinden met Git, Bitbucket, Github
- 70+ talen, waaronder JS, PHP, HTML en meer
- Code completion
- Pluizen
- Ondersteuning voor alle apparaten en browsers
- Zeer aanpasbare lay-outs, skins en meer
BBEdit
Prijs: $49.99
De BB in de naam staat voor Bare Bones, de editor van de maker. Het biedt ondersteuning voor tal van talen, zoeken en vervangen over meerdere bestanden, automatische aanvulling, code vouwen, en andere functies.
terwijl BBEdit een prijskaartje heeft, maakt hetzelfde bedrijf ook een gratis alternatief genaamd TextWrangler voor Mac OS. Het is een bijgesneden versie van het premium product dat je een draai kunt geven voordat je je inzet voor zijn grotere, meer capabele broer.
aanvullende functies:
- Quick lookup
- projectbeheertools
- syntaxismarkering
- code folding
- FTP / SFTP ondersteuning
Vim
prijs: Free (Charityware)
hoewel hun website er begin jaren 90 uitziet, geniet de Vim-editor een zeer goede reputatie onder Linux-ontwikkelaars.
Het is open source en geeft cross-platform compatibiliteit een geheel nieuwe betekenis-Vim zal zelfs werken in DOS of op een Amiga. (Vraag je ouders als je niet weet wat dat betekent).
de editor is ook zeer configureerbaar en kan worden uitgebreid met zulke krachtige functies dat het naar IDE-gebied gaat in plaats van een pure code-editor te zijn.
Vim heeft echter een bepaalde leercurve en is daarom mogelijk geen hulpmiddel voor beginners. Ook, terwijl gratis kunt u ervoor kiezen om te betalen voor het, waardoor doneren aan een goed doel project in Oeganda.
extra functies:
- geïntegreerde gebruikersinterface
- syntaxismarkering voor 200+ talen
Espresso
prijs: $75
deze caffeinated contender is een web development tool voor het Mac OS platform met een ingebouwde code editor tool genaamd cssedit.
Het heeft een heel mooie interface, ondersteunt automatisch aanvullen van code en code vouwen, laat je gemakkelijk codefragmenten slepen en neerzetten, en biedt zelfs een live preview.
hoewel het niet de goedkoopste is, kunt u het testen met een proefperiode van 15 dagen voordat u een verbintenis aangaat.
extra functies:
- Push wijzigingen direct naar server
- ondersteuning voor CSS3, HTML5 en andere talen
- krachtige zoek-en vervang-functie
TextMate
Prijs: vanaf $56.00 (single user license)
de titelloze “missing editor for Mac OS X” is echter een andere single-platform editor, met een aanpak die sterk geïnspireerd is door het UNIX besturingssysteem.
TextMate is eenvoudig maar rijk aan functies met autocomplete, auto-indent, opvouwbare codeblokken en meer. Het biedt ook een geavanceerde zoek-en vervang-functie en maakt het gemakkelijk om met meerdere bestanden tegelijk te werken.
aanvullende functies:
- Eenvoudig klembordbeheer
- opneembare macro ‘ s
- ondersteuning voor 50+ talen
- syntaxismarkering
- ondersteuning voor XCode
Sublime Text
Prijs: $70
fans van de afleidingsvrije schrijfmodus in WordPress zullen blij zijn om te horen dat sublieme tekst met dezelfde functie wordt geleverd. Programmeren in vrede en concentratie, hier komen we.
andere functies die dit programma een van de meest populaire code editors die er zijn zijn zijn glad ontwerp, krachtige zoekfunctie, automatisch aanvullen en autocomplete functie evenals hoge aanpasbaarheid.
het feit dat het werkt op alle belangrijke besturingssystemen doet waarschijnlijk ook geen pijn.
extra functies:
- Instant project switch
- Split editing
- meerdere selecties
- Plugin API
Notepad++
prijs: Free
dit geweldige stuk software is een van mijn persoonlijke wapens van keuze en ik heb het eerder op andere plaatsen genoemd. Het is een super handig en gratis tool om snel bewerkingen aan een WordPress-bestand te maken.
echter, Notepad++ is niet alleen voor beginners en casual codering, het wordt ook gebruikt door ontwikkelaars van wereldklasse.
functies omvatten syntaxismarkering voor PHP, JS, HTML, CSS en een aantal andere talen, zoeken en vervangen, evenals automatische aanvulling.
Daarnaast kan Notepad++ worden uitgebreid via plugins — bijvoorbeeld om rechtstreeks verbinding te maken via FTP en nog veel meer. Het enige nadeel is dat het werkt alleen op Windows. Sorry, Apple en Linux gebruikers.
aanvullende functies:
- ondersteuning voor meertalige omgevingen
- syntaxis folding
- tabinterface voor meerdere documenten
- zoomfunctie
CoffeeCup
prijs: $69
Ik vraag me af wat er met alle Koffie verwijzingen in de code editor spel. Dat is al de tweede.
hoe dan ook, CoffeeCup is in de eerste plaats gemaakt voor HTML/CSS en beperkt tot deze twee talen plus PHP en Markdown. Houd dat in gedachten voor de aankoop. Het is ook alleen draait op Windows en Mac OS
echter, aan de andere kant wordt geleverd met krachtige code automatisch aanvullen, syntaxis highlighting en validatie, is klaar voor semantische code, en synchroniseert bestanden gemakkelijk via FTP.
u kunt de gratis proefversie gebruiken om erachter te komen of het alles heeft wat u zoekt.
aanvullende functies:
- snel opstarten
- Sitevoorbeeld
haakjes
prijs: Free
haakjes is een zeer interessant product, niet alleen omdat het vrij en open source is. Met Adobe als maker heeft het ook een grote naam achter zich.
deze code-editor is duidelijk gericht op mensen met een Ontwerp Achtergrond. Een van de coolste functies is de mogelijkheid om metingen, afmetingen, stijlen en andere ontwerpelementen in Photoshop-bestanden direct in CSS.
Daarnaast is het ook zeer aanpasbaar via een groeiende bibliotheek van extensies en ondersteunt het alle belangrijke besturingssystemen.
aanvullende functies:
- lichtgewicht
- Inline editors
- code folding
- Preprocessor functionaliteit
- Live preview
Coda
prijs: $99
Coda is een andere Mac-only entry en een erg populaire. Een deel van de reden kan zijn schone en goed georganiseerde interface die alles wat je nodig hebt om websites te bouwen in een scherm biedt.
Het biedt ook de gebruikelijke opmaakopties voor het verbeteren van de leesbaarheid van code (syntaxis highlight, code folding, en inspringen), evenals projectbrede automatische aanvulling en automatisch tag sluiten.
wat cool is, is dat het je in staat stelt om zowel lokale als remote bestanden te bewerken, en eenvoudig verbinding te maken met externe bronnen en servers. Daarnaast wordt het ook geleverd met een iPad metgezel genaamd Diet Coda (zie wat ze daar deden?).
aanvullende functies:
- zoeken en vervangen
- debuggen
- Bestandsbeheer
- ondersteuning voor FTP/SFTP/WebDAV/Amazon S3
ICEcoder
Prijs: Gratis
Het Laatste item op de lijst is zeer interessant omdat het direct in uw browser werkt. Niet alleen maakt dat het bruikbaar op elk besturingssysteem, maar u kunt ook native profiteren van browser technologieën zoals tabbing.
het programma ondersteunt HTML5, CSS3, PHP, JS, en verder, kan online of lokaal worden gebruikt, biedt ondersteuning voor type boosters zoals Emmet, heeft code hints en code vergelijking tools, evenals phpMyAdmin-achtige database management.
extra functies:
- zoeken en vervangen
- contextbewuste code accentuering
- meerdere cursors
- thema ‘ s
- lokaal/extern bestand bewerken en beheren
Wat Is uw voorkeur Code-Editor?
een goed afgeronde code editor is een van de primaire tools voor iedereen die betrokken is bij het ontwikkelen voor (of alleen maar knutselen met) het WordPress platform.
de mogelijkheid om core-bestanden, sjablonen, stylesheets en meer te wijzigen is van groot belang voor het aanpassen van WordPress-websites en het maken van WordPress uw eigen.
terwijl elke teksteditor in theorie zal doen, kunnen gespecialiseerde programma ‘ s de workflow serieus stroomlijnen.
verbeterde leesbaarheid en opmaakopties, directe FTP-verbindingen, zoeken en vervangen, autocomplete en versiebeheer zijn slechts een paar manieren waarop deze programma ‘ s het werk veel gemakkelijker maken.
beslissen welke de juiste code-editor is voor je hangt uiteindelijk af van wat je nodig hebt en wilt.