HTML er et av de enkleste språkene å lære. Så enkelt som det er, er det ikke så fascinerende når du må skrive en hel haug med kode uten noen form for hjelp. Det er mange ting som lett kan gå galt. Når det er sagt, kan du gjøre livet ditt enklere ved å bruke en god HTML-editor. Selv om det er mange betalte og gratis HTML-redaktører, er det ikke mange av dem som har åpen kildekode. Så her er noen av de beste, gratis og open source HTML-redigererne du bør prøve.
Lese:Hvordan bruke Dropbox til å være vert for et enkelt HTML-nettsted
Åpen kildekode HTML-redaktører
1. Aptana Studio
Tilbake da jeg lærte HTML og CSS, er Aptana Studio en av favorittene mine fordi den er gratis, åpen kildekode og fylt til randen med nyttige funksjoner. Hvis du lurer på, er Aptana Studio ikke din programvare-kodeditor. Det er en fullverdig IDE (Integrated Development Environment) som lar deg spille med webstandarder som HTML, CSS og Javascript. I tillegg kan du også håndtere PHP, Python og Ruby. Videre har Aptana Studio en av de best integrerte feilsøkingsprogrammene som du kan inspisere variabler, angi brytepunkter, kontrollere utførelse osv. For å håndtere feil.
Bortsett fra de vanlige funksjonene, har Aptana Studio innebygd Git-integrasjon. Hvis du allerede har et nettsted, kan du bruke den medfølgende distribusjonsveiviseren til å synkronisere oppsett, laste opp og laste ned filer ved hjelp av FTP-, SFTP- og FTPS-protokoller. Når du arbeider med Ruby, kan du bruke den samme distribusjonsveiviseren til å automatisk publisere applikasjonene dine.
Andre funksjoner i Aptana Studio inkluderer, men ikke begrenset til, støtte for alle større nettlesere, innebygd terminal, layout og tilpasning av brukergrensesnitt, finn og erstatt, forhåndsvisning av nettleser med ett klikk, detaljert dokumentasjon, etc.
Hvis du håndterer mye HTML, CSS og Javascript, bør du absolutt prøve Aptana Studio. Det er definitivt en av mine favoritt Javascript-redaktører med åpen kildekode også.
Plattformstøtte: Aptana Studio støtter Windows, MacOS og Linux.
Pris: gratis.
2. Notisblokk ++
Notepad ++ er en av de mest populære kodeditorene som ikke bare er gratis, men også med åpen kildekode. Selv om Notepad ++ ikke er en IDE som Aptana Studio, er det en dedikert kildekoderedigerer som har alle bjeller og fløyter du noen gang trenger. Brukergrensesnittet ser gammelt ut, men de fleste brukere sverger av Notepad ++ takket være dets funksjoner og støtte for tredjeparts plugins. For ikke å nevne, Notepad ++ er lett og krever ikke mye systemressurser. Faktisk kan du også laste ned Notepad ++ i bærbart format hvis du ikke vil installere enda en programvare.
Å være en fullverdig kildekoderedigerer har den åpenbart syntaksfokusering, syntaksfolding og autofullføring. Mest av alt støtter den et bredt spekter av språk, ikke bare HTML, CSS og Javascript.
Lese:Best Notes-appen for Windows for å øke produktiviteten
Andre funksjoner i Notepad ++ inkluderer multi-view, støttefaner, støtte for vertikale faner, muligheten til å starte Notepad ++ med forskjellige argumenter, støtte for Regx, filzoom inn og zoome ut, bokmerker, finne og erstatte osv. Av alle funksjonene, Notepad ++ har en ganske flott makroopptaks- og avspillingsfunksjonalitet slik at du enkelt kan automatisere gjentatte oppgaver.
Hvis du ikke vil ha en fullstendig HTML IDE og ser etter et lett og åpen kildekodealternativ som kan veilede og hjelpe deg med å bygge og administrere HTML-dokumenter, er Notepad ++ noe for deg.
Plattformstøtte: Bare Windows (det kan kjøres i vin)
Pris: Gratis.
3. Visual Studio-kode
Visual Studio Code er min favoritt kodeditor. Jeg bruker den regelmessig til å skrive og administrere HTML-, CSS-, Javascript-, PHP- og Python-filer. Noen av grunnene til at jeg virkelig liker Visual Studio Code er at den er rask og lett. Mest av alt ser det ikke bare bra ut, men det er også enkelt å søke, installere og avinstallere forskjellige utvidelser. Alt du trenger å gjøre er å klikke på en enkelt knapp.
Visual Studio Code har en innebygd funksjon kalt IntelliSense som gir syntaksfokusering og smart automatisk komplettering for en rekke ting som elementer, variabler, funksjoner osv. Selv om Visual Studio Code først og fremst er en kildekodeditor, har den en innebygd i feilsøkingsprogram for effektivt å håndtere feil. Visual Studio Code har også riktig Git-integrasjon og gjør det mulig å iscenesette filer, foreta forpliktelser og gjennomgangsforskjeller etter behov.
I motsetning til andre kodeditorer, har Visual Studio Code innebygd Emmet. Dette gjør det enkelt å bruke de kraftige Emmet HTML- og CSS-forkortelsene og lage dynamiske utdrag. Stol på meg, hvis du håndterer mye HTML, vil Emmet gjøre livet ditt lettere. Du kan vite mer om Emmet-forkortelser herfra.
Plattform: Visual Studio Code støtter Windows, MacOS og Linux.
Pris: Gratis.
4. Atom Editor
Atom er utviklet av de samme gutta bak GitHub og viser seg som en hackbar teksteditor. Akkurat som Visual Studio Code, er Atom en kildekodeditor snarere enn en fullverdig IDE. Når det er sagt, kan du få IDE-funksjonalitet som dokumentformatering, diagnostikk, oversiktsvisning, gå til, sveve for å oppleve osv., Ved å bare installere Atom IDE UI-pakken ved hjelp av den innebygde pakkebehandling.
Andre funksjoner i Atom inkluderer, men ikke begrenset til, støtte for Regx, kraftig søke- og erstatningsfunksjonalitet, syntaksfremheving, kodefelling, automatisk fullføring, support-plugins, Git og GitHub-integrasjon, innebygd pakkehåndtering, filsystemleser, mulighet til å sammenligne og redigere kode i flere filer ved hjelp av flere ruter, muligheten til å tilpasse utseendet og følelsen til brukergrensesnittet ved å endre tema og endre forskjellige elementer ved hjelp av CSS / Less, HTML og JavaScript.
Mest av alt støtter Atom en fantastisk funksjon kalt Teletype som lar deg samarbeide med andre utviklere i sanntid. Alt du trenger å gjøre er å installere Teletype-pakken ved hjelp av den innebygde pakkebehandleren, og du er god å gå.
Hvis du jobber med Git og GitHub og leter etter en kodeditor med solid integrasjon, er Atom noe for deg. Selv om, husk, sammenlign med andre redaktører i denne listen, Atom er veldig treg til oppstart, noe som er stort og har relativt høy minnebruk.
Plattformstøtte: Atom støtter Windows, Mac og Linux.
Pris: Gratis.
5. Braketter
Hvis du leter etter et godt og kraftig verktøy som utfyller webdesign og front-end-utvikling, er Brackets noe for deg. Braketter er bygget opp for å gjøre livet lettere for webutviklere. Jeg har brukt Braketter en stund og stoler på meg, det gjør det enkelt å skrive og administrere HTML, CSS og JavaScript.
En av favorittfunksjonene mine i parentes er liveoppdateringen. Det betyr at den automatisk oppdaterer nettleseren og laster inn den siste lagrede versjonen av en fil som er åpen i nettleseren.
Braketter har alle de vanlige funksjonene du forventer av en god kodeditor. Noen av dem inkluderer finne og erstatte, hurtigredigering, JSLint, støtte for LESS og SCSS, vertikal og horisontal delt visning, Theseus-integrering, live forhåndsvisning, JS refactoring, wrap utvalg for prøve og fangst, muligheten til å lage Getter og Setters med en klikk osv.
Av alle funksjonene er støtte for innebygd redigering det beste. Si at du vil redigere en bestemt CSS-ID, bare trykk på en hurtigtast, og parenteser viser alle CSS-velgerne med samme ID for å gjøre redigering enkel.
Akkurat som andre kodeditorer har Brackets en innebygd Git-integrasjon og støtter et bredt spekter av utvidelser som Emmets, Beautify, Autoprefixer, W3-validering, etc.
Plattformstøtte: Braketter støtter Windows, Mac og Linux.
Pris: Gratis.
Hvis du tror jeg savnet noen av favoritt HTML-redaktørene dine med åpen kildekode, kan du kommentere nedenfor og dele dem med meg.
Les også:Beste apper for utvidelse av tekst for Windows (gratis og betalt)
