de 5 bästa Kodredigerarna för webbutveckling

Ann Adaya
Ann Adaya

följ

Mar 24, 2020 * 7 min läs

detta första beslut definierar din produktivitet och effektivitet när du kodar.

innan du ens börjar lära dig Webbutveckling måste man välja och ladda ner kodredigeraren efter eget val.

denna del här är avgörande – din resa, din inlärningskurva står på spel. Detta kommer att vara det verktyg som du kommer att använda när du börjar skriva din kod, och det finns olika kodredigerare för dig att välja mellan.

för dem som har börjat koda 10+ år sedan, den mest använda plattformen var Notepad++, och andra kodredigerare följde efter var TextWrangler, BBEdit, Coda, Sublime Text, VSCode, TextMate, Atom, UltraEdit, Vim, Brackets och CoffeeCup HTML Editor.

i Modern teknik har valen inskränkts till få, nämligen Sublime Text, Atom, VSCode, Vim, parentes.

när du studerar tillsammans hittar du olika lärare eller instruktörer som föredrog att använda olika textredigerare, det spelar ingen roll om du följer dem och använder samma redaktör, eller väljer din egen, det som är viktigt är att du är bekväm med din valda textredigerare. Välj vad som gör dig mer produktiv eftersom det hjälper dig att bli en bättre programmerare.

så välj klokt.

Atom startades av GitHubs genius-utvecklare, men nu ägs av Microsoft, det bra med Atom är att det är gratis, det är öppen källkod och också mycket anpassningsbart, det bästa med atom är dess Teletypfunktion, vilket gör att flera/flera utvecklare kan arbeta på samma projekt, på samma kod, från alla delar av världen, på olika platser.

Atom är lite lik Sublime Text, men många utvecklare som föredrog Atom var på grund av dess enkla gränssnitt jämfört med Sublime Text.

Atom kan användas på 3 Operativsystem (OS), Windows, Mac och Linux, så vilken plattform du har Atom är tillgänglig.

funktioner:

  • Atom är en stationär applikation för webbteknologier
  • den har modulär Design och innehåller mer än 50 open source-tillägg/paket som du kan integrera runt en minimal kärna
  • Utdrag
  • rent och enkelt användargränssnitt
  • nod.JS Integration
  • filsystem webbläsare
  • Hackable tillvägagångssätt
  • Kirby Utdrag, atom användarens favorit. https://atom.io/packages/kirby-snippets
  • PlatformIO IDE Terminal

nackdelar

  • det har vissa prestandaproblem
  • det tar flera sekunder att starta jämfört med andra textredigerare, särskilt när du installerar många paket/tillägg.
  • lite långsam jämfört med Sublime Text eftersom det är en webbläsarbaserad app (Detta körs med Electron)

ladda ner Atom.io här: https://atom.io/

och här är en snabb video om hur du ställer in atom:

Vim

Pros

  • lätt och snabb jämfört med andra redaktörer, använder den minimal systemets minne och laster omedelbart
  • du kan hitta plugins för nästan allt, från version till kontroll till färgpreferens
  • det är gratis och det är opensource, och kan användas i terminal eller GUI-läge
  • tangentbord baserat och du kommer förmodligen att inse att du inte längre behöver en mus, är allt dina kortkommandon.

nackdelar

  • inlärningskurva, det tar dig lite tid att lära dig, och du kommer så många kommandon och genvägar att komma ihåg
  • dåligt stöd för dess verktyg
  • inte mycket effektivt när det gäller att klippa/klistra mekanism

du kan ladda ner och ställa in vim använda denna resurs: https://www.vim.org/download.php

här är en extra resurs om du vill läsa mer om vim:

här är en bra introduktionskurs för grunderna för att du ska kunna börja och lära dig grunderna i vim.

Fästen

Pros

  • öppen källkod och plattformsoberoende, vilket innebär att det är gratis och kan användas i Mac, Windows och Linux
  • det har kodkomplettering, kommer det att finnas en auto-förslag som skriver din kod
  • Bracket unika funktion är snabb redigering när du markerar någon HTML-element och tryck cmd / Ctrl + E, kommer fästet sedan öppnar alla CSS i samband med dessa vissa element i samma fönster, när du stänger det, kommer det automatiskt att gälla för CSS-formatmallen.
  • möjlighet att lägga till flera tillägg och paket för att göra din bracket editor mer kraftfull och användbar
  • parentes har också flera markörer funktion
  • det har också en färgväljare eftersom färg hex koder är svåra att komma ihåg.
  • Live förhandsvisning, för att enkelt se resultaten eller produktionen av din redigering / styling

färgväljaren funktion

nackdelar

  • Brackets är inriktad på Front-end sida-klart för Frontend utvecklare som är mycket användbar i HTML, CSS och Javascript och inte mycket på serversidan språk

du kan ladda ner Brackets.io här: http://brackets.io/

här är en snabb video för att ställa in parentes:

Sublime Text

många utvecklare valde fortfarande att använda Sublime Text, för om dess hastighet, enkelhet samt kortkommandon som är mycket användbart när man arbetar på olika skriptspråk, såsom Javascript.

du kan ladda ner Sublime Text här: https://www.sublimetext.com/

här är en introduktionsvideo för att starta och ställa in din sublima Text:

Pros:

  • öppen källkod och plattformsoberoende, vilket innebär att det är gratis och kan användas i Mac, Windows och Linux
  • automatisk komplettering
  • Syntax markera
  • kod fällbara
  • anpassningsbara-mer än 3800 paket tillgängliga
  • lätt, snabb och stabil

nackdelar:

  • det finns inget anständigt Git-plugin ännu
  • långsam utveckling eftersom sublime inte har ett stort team bakom det
  • inte så nybörjarvänligt

här är en bonushandledning för Sublime Texttips, Tricks, kortkommandon och bästa funktioner! Njuta.

VSCode

Visual Studio Code ger utvecklare ett nytt val av utvecklarverktyg som kombinerar enkelhet och strömlinjeformad upplevelse av en kodredigerare med det bästa av vad utvecklare behöver för sin core code-edit-debug-cykel. Visual Studio Code är den första kodredigeraren och det första plattformsutvecklingsverktyget-som stöder OS X, Linux och Windows — i Visual Studio — familjen.

en av fördelarna med att använda VSCode är dess förmåga att integrera med Git, det är enkelt och snabbt, en annan sak är dess förmåga att integrera på olika team på distans, flera utvecklare kan arbeta på samma projekt, eller till och med samma kod med hjälp av detta verktyg/förlängning: Visual Studio Live Share hjälper flera utvecklare att arbeta tillsammans mer effektivt, jämfört med Sublime Text och Atom.

fördelar

  • lätt och snabb
  • gratis
  • enkelt och rent användargränssnitt
  • inbyggd Terminal
  • flera markören
  • IntelliSense-det är en supercharge automatisk komplettering, syntaxmarkering assistent funktion för att eliminera stavfel och eventuella syntaxfel
  • en stor gemenskap för stöd och bygga upp Tillägg och ytterligare resurs
  • har bästa funktioner som git, Terminal, WebView, Live share
  • inbyggt stöd för Git samarbete, Open Directory enkelt ansluta till Github, och ingen komplex uppsättning upp.
  • har Emmet-förlängning, supersnabb HTML, CSS och Javascript-kodning

nackdelar

  • inget stöd för äldre programmeringsversion som ASP.NET
  • felsökning funktioner är begränsade

med så många olika stack och teknik, även välja programmering redaktör har blivit mer skrämmande och överväldigande, låt mig ge dig några tips och spara lite tid, det handlar inte bara om verktygen, inom idrotten, det handlar inte om att ha de bästa skorna eller har de dyraste fotbollsskor, eller för fotografer, det handlar inte alltid om vem som äger den dyraste kameran som får den vackraste bilden, i slutet av dagen, är det alltid om vem som använder den, hur du använder den, och om du ens använder den.

jag var ett stort fan av Sublime Text, jag började webbutveckling med Sublime men när VSCode kom upp och tog hjärtat av varje utvecklare inte bara på grund av sitt snygga gränssnitt utan också på grund av sina tusentals tillägg eller verktyg att välja som gör kodning effektivare, enklare och kraftfullare, drogs jag själv till det.

den mest populära och även min rekommendation skulle vara VSCode, jag har använt den i flera år.

här är en bonus för Visual Studio Code Setup och handledning, Njut!

Tack för att du läste! Läs gärna mina andra Bloggar för mer gratis handledning och verktyg för alla utvecklare! Njut …

Lämna ett svar

Din e-postadress kommer inte publiceras.

More: