De 5 Beste Kodeditorene For Webutvikling

Ann Adaya
Ann Adaya

Følg

Mar 24, 2020 * 7 min lese

Denne første avgjørelsen vil definere produktivitet og effektivitet som du kode.

Før du begynner å lære Webutvikling, må man velge og laste ned kodeditoren etter eget valg.

Denne delen her er avgjørende-din reise, din læringskurve står på spill. Dette vil være verktøyet du vil bruke når du begynner å skrive koden din, og det finnes ulike kodeditorer for deg å velge mellom.

for de som har startet koding 10+ år siden, den mest brukte plattformen Var Notepad++, og andre kode redaktører fulgt etter Var TextWrangler, BBEdit, Coda, Sublime Text, VSCode, TextMate, Atom, UltraEdit, Vim, Brak og CoffeeCup HTML Editor.

i Moderne Teknologi har valgene blitt innsnevret til få, Nemlig Sublime Text, Atom, VSCode, Vim, Parentes.

når du studerer sammen, finner du forskjellige lærere eller instruktører som foretrekker å bruke forskjellig tekstredigerer, det spiller ingen rolle om du følger dem og bruker samme redaktør, eller velger din egen, det som betyr noe er at du er komfortabel med din valgte tekstredigerer. Velg hva som gjør deg mer produktiv fordi det vil hjelpe deg å bli en bedre programmerer.

så velg klokt.

Atom ble startet Av Github ‘ s genius developers, men nå eid Av Microsoft, Den gode Tingen Om Atom er at Den er gratis, den er åpen kildekode og også svært tilpassbar, den beste delen om atom er Dens Teletype-funksjon, som gjør at flere/flere utviklere kan jobbe på samme prosjekt, på samme kode, fra alle deler av verden, på forskjellige steder.

Atom er litt lik Sublime Tekst, men mange utviklere som foretrukket Atom var på grunn Av sitt enkle grensesnitt i forhold Til Sublime Tekst.

Atom kan brukes på 3 Operativsystem (OS), Windows, Mac og Linux, så uansett plattform Du Har Atom er tilgjengelig.

Funksjoner:

  • Atom Er et skrivebordsprogram For Webteknologier
  • Den Har Modulær Design og inneholder mer enn 50 åpen kildekode-utvidelse / pakker som du kan integrere rundt en minimal kjerne
  • Utdrag
  • Rent Og Enkelt Brukergrensesnitt
  • Node.Js Integrasjon
  • Filsystem Nettleser
  • Hackable Tilnærming
  • Kirby Utdrag, atom brukerens favoritt. https://atom.io/packages/kirby-snippets
  • PlatformIO IDE Terminal

Ulemper

  • Det har noen ytelsesproblemer
  • det tar flere sekunder å starte i forhold til annen Tekstredigerer, spesielt når du installerer mange pakker/utvidelser.
  • litt treg i forhold Til Sublime Tekst fordi det er en nettleser-basert app (dette kjøres Ved Hjelp Av Electron)

Last Ned Atom.io Her: https://atom.io/

Og her er en rask video om hvordan du konfigurerer atom:

Vim

Pros

  • Lett og rask sammenlignet med andre redaktører, bruker den minimal Systemets minne og laster umiddelbart
  • du kan finne plugins for nesten alt, fra versjon til kontroll til farge preferanse
  • det er gratis og det er opensource,og kan brukes i terminal eller GUI-modus
  • Tastatur basert og du vil sannsynligvis innse at du ikke lenger trenger en mus, alt er tilgjengelig på hurtigtastene dine.

Cons

  • Læringskurve, det vil ta deg litt tid å lære, og du vil så mange kommandoer og snarveier å huske
  • Dårlig støtte for sin verktøy
  • Ikke mye effektiv når det gjelder å klippe/lime mekanisme

du kan laste ned og sette Opp Vim bruk av denne ressursen: https://www.vim.org/download.php

Her er en ekstra ressurs hvis Du vil lese mer Om Vim:

Her er et godt introduksjonskurs for det grunnleggende for deg å starte og lære grunnleggende om Vim.

Braketter

Pros

  • Åpen Kildekode Og Kryssplattform, noe som betyr at den er gratis Og kan brukes I Mac, Windows Og Linux
  • den har kodefullføring, det vil være et automatisk forslag som skriv inn koden din
  • Brakettens unike funksjon er rask redigering når du markerer ET HTML-element og trykker PÅ CMD/Ctrl + E, vil braketten da åpne ALLE CSS-elementene som er knyttet til de bestemte elementene i Samme FORMAT. vindu, når du lukker den, vil den automatisk gjelde FOR CSS stilark.
  • Mulighet til å legge til flere utvidelser og pakker for å gjøre brakettredigereren kraftigere og nyttig
  • Braketter har også flere pekere funksjon
  • Den har også en fargevelger siden fargekoder er vanskelig å huske.
  • Live Preview, for enkelt å se resultatene eller utdata av redigering / styling

Color Picker Feature

Cons

  • Brak er fokusert På Front-end side — klart laget For Frontend Utviklere som er svært nyttig I HTML, CSS Og Javascript og ikke mye på server-side språk

du kan laste ned Brackets.io her: http://brackets.io/

Her er en rask video i å sette Opp Parentes:

Sublime Tekst

Mange utviklere fortsatt valgte Å bruke Sublime Tekst, fordi hvis dens hastighet, enkelhet samt hurtigtaster som er svært nyttig når du arbeider på ulike skriptspråk, for Eksempel Javascript.

Du kan laste Ned Sublime Tekst her: https://www.sublimetext.com/

Her er en innledende video for å starte og sette opp Din Sublime Tekst:

Pros:

  • Åpen Kildekode Og Kryssplattform, noe som betyr at Den er gratis Og kan brukes I Mac, Windows Og Linux
  • Autofullføring
  • Syntaks Høydepunkt
  • Kodefolding
  • Tilpassbar-mer enn 3800 pakker tilgjengelig
  • Lett, Rask Og Stabil

ulemper:

  • Det er ingen anstendig Git plugin ennå
  • Langsom utvikling siden sublime ikke har et stort team bak det
  • Ikke så nybegynner-vennlig

Her er en bonus tutorial For Sublime Tekst Tips, Triks, Hurtigtaster og Beste Funksjonene! Nyte.

VSCode

Visual Studio Code gir utviklere et nytt utvalg av utviklerverktøy som kombinerer enkelheten og den strømlinjeformede opplevelsen av en kodeditor med det beste av hva utviklere trenger for sin kjernekode-rediger-feilsøkingssyklus. Visual Studio Code er Det første koderedigeringsprogrammet og det første utviklingsverktøyet på tvers av plattformer-som støtter OS X, Linux og Windows — I Visual Studio — familien.

en av fordelene Ved Å bruke VSCode er evnen til å integrere Med Git, det er enkelt og raskt, en annen ting er evnen til å integrere på forskjellige lag eksternt, flere utviklere kan jobbe på samme prosjekt, eller til og med samme kode ved å bruke dette verktøyet/utvidelsen: Visual Studio Live Share hjelper flere utviklere til å jobbe sammen mer effektivt, sammenlignet med Sublime Text og Atom.

Pros

  • Lett og rask
  • Gratis
  • Enkelt Og Rent Brukergrensesnitt
  • Innebygd Terminal
  • Multiple Cursor
  • IntelliSense-Det er en supercharge automatisk fullføring, syntax highlighting assistant funksjon for å eliminere skrivefeil og mulige syntaksfeil
  • Et Stort Fellesskap For Støtte Og Bygge Opp Utvidelser Og Ekstra Ressurs
  • har de beste funksjonene som git, Terminal, Webview, Live Share
  • Innfødt Støtte For Git — Samarbeid, Open Directory enkelt koble Til Github, Og Ingen Komplekse Sett opptil.
  • Har Emmet-utvidelse, superrask HTML, CSS og Javascript-koding

Ulemper

  • ingen støtte for eldre programmeringsversjon som ASP.NET
  • Debugging funksjoner er begrenset

med så mange forskjellige stack og teknologi, selv velge programmering editor har blitt mer skremmende og overveldende, la meg gi deg noen tips og spare deg litt tid, det handler ikke bare om verktøy, i idrett, det handler ikke om å ha de beste skoene eller å ha de dyreste fotballsko, eller for fotografer, det handler ikke alltid om hvem som eier den dyreste kamera som får den vakreste skudd, på slutten av dagen, det er ikke alltid om DET handler alltid om hvem som bruker det, hvordan du bruker det, Og Om du bruker det.

jeg var en stor fan Av Sublime Tekst, jeg startet Webutvikling ved Hjelp Av Sublime, men da VSCode kom opp og tok hjertet av hver utvikler, ikke bare på grunn av sitt pent utseende Grensesnitt, men også på grunn av sine tusenvis av utvidelser eller verktøy å velge som gjør kodingen mer effektiv, enklere og kraftigere, ble jeg selv trukket til det.

den mest populære og også min anbefaling ville Være VSCode, jeg har brukt den i årevis.

Her er en bonus For Visual Studio Code Oppsett Og Opplæring, Nyt!

Takk for at du leser! Føl deg fri til å lese mine andre blogger for mer gratis tutorials og verktøy for Alle Utviklere! Nyt …

Legg igjen en kommentar

Din e-postadresse vil ikke bli publisert.

More: