Du är säkert redan bekant med en textredigerare om du har gått någon Codecademy-kurs. Nedan visas Codecademys textredigerare i fullskärmsläge i slutet av den första modulen i HTML-kursen.
Som Codecademys lärandemiljö ger en intuitiv och användarvänlig kodningsupplevelse, behöver du ibland använda din egen textredigerare. Om du till exempel bestämmer dig för att delta i en Meetup eller en personlig kodningskurs kommer de att använda en nedladdningsbar textredigerare, och du måste installera denna för att kunna arbeta med projekt både i klassen och hemma.
Jag har provat några textredigerare för att få en bättre känsla för vad som passar mina behov bäst. Detta är avgörande eftersom det inte finns någon ”bästa” textredigerare där ute, bara den som du låter dig skapa ditt bästa arbete.
I den här artikeln kommer jag att ge en ingående jämförelse av två av de mest populära textredigerarna: Visual Studio och Sublime Text.
Visual Studio
Visual Studio (textredigeraren är känd som Visual Studio Code så vi kommer att hänvisa till det från och med nu) är Microsofts kostnadsfria textredigerare som körs på Windows, Linux och macOS. Det är en nykomling på marknaden; Microsoft släppte produkten som en offentlig förhandsvisning i slutet av 2015 och lade ut den öppna källkoden på Github, innan den gjordes tillgänglig som en allmän utgåva i april 2016.
Trots sin nybörjarstatus har Visual Studio Code snabbt vunnit i popularitet bland utvecklare och rankades som den mest populära utvecklingsmiljön totalt sett i Stack Overflows utvecklarnas undersökning 2018.
Grunderna
Så här ser Visual Studio Codes startskärm ut när du skriver din första kodrad eller öppnar en fil som du redan har skapat:
I den övre vänstra panelen kan du se de olika varianterna av den kod du redigerar. I det här fallet redigerar jag en fil som heter ”style.css.”
I den mellersta panelen redigerar du den kod som du har skrivit eller behöver rätta till; du kan öppna och redigera flera olika filer sida vid sida.
Layouten i Visual Studio har en likhet med Codecademys egen layout för textredigerare i sin enkelhet och användarvänlighet. Ta en titt på Codecademys textredigerare nedan för en jämförelse.
Du kan naturligtvis redigera layouten också. Zen Mode är en av mina favoriter, särskilt för att det låter så avslappnande. I verkligheten är detta ett helskärmsläge som låter dig redigera kod utan distraktioner.
Mer funktioner
Visual Studio Code låter dig redigera kod i en mängd olika programmeringsspråk. Exemplet jag använde ovan är CSS (ja, jag klassificerar CSS som ett kodningsspråk!). CSS är ett av de inbyggda programmeringsspråken, men du kan installera och konfigurera andra språk, till exempel Python och C#, via Extension Marketplace.
Debuggning
En av de klassiska övningarna som du gör när du lär dig att programmera är att ”bryta sönder” lite kod och sedan försöka fixa den igen. I min tidiga programmering tillbringade jag evigheter med att stirra på rader av kod tills mina ögon blev suddiga och försökte lista ut varför det jag hade skrivit inte återspeglades i slutprodukten.
Tacksamt nog innehåller Visual Studio Code felsökningsfunktionalitet som hjälper dig att upptäcka dessa fel innan du når det stadium där dina ögon blir suddiga. För att börja felsöka din kod behöver du bara antingen trycka på F5 för att köra den i det aktuella fönstret eller gå till menyn ”Debug”.
Du kan också skapa ”brytpunkter”, vilket är punkter där felsökningsprocessen automatiskt stannar.
På en mer grundläggande felsökningsnivå upptäcker Visual Studio Code automatiskt mindre problem i din kod och tar dig direkt dit så att du enkelt kan lösa problemet.
Intellisense
När jag lärde mig att koda var ett av tipsen som läraren gav oss när vi inte vet hur vi ska göra något att googla det. Microsoft har byggt in en funktion i Visual Studio Code som heter Intellisense, som är ett alternativ till att googla problemet (eller ”Bing-ing” det, i Microsofts fall).
IntelliSense analyserar semantiken (bokstäverna) i det du skriver in, liksom resten av den kod du har skapat, och ger sedan förslag på hur du ska avsluta det du skriver. Du kan få tillgång till en mängd olika kompletteringar via Intellisense, bland annat förslag från språkservrar, snippets och ordbaserade textkompletteringar.
IntelliSense finns tillgängligt för de vanligaste programmeringsspråken, bland annat HTML, CSS och Javascript, men för andra språk måste du installera ett tillägg.
Och resten
Visual Studio Code har ett antal andra användbara funktioner som hjälper dig genom din kodningsresa genom att hjälpa dig att bättre visualisera din kod och snabba upp din programmering. Detta inkluderar:
- Stöd för snippets: Detta gör att du kan skapa en katalog med små delar av återanvändbar kod, som du kan infoga i större kodstycken
- ”Gå till”-funktionalitet: Detta gör att du snabbt kan hitta och gå till symboler, filer, rader och definitioner
- Syntaxmarkering: Detta gör att du snabbt kan hitta och gå till symboler, filer, rader och definitioner
- Syntaxmarkering: Detta visar koden i olika färger och typsnitt beroende på vilket kodningsspråk som används.
Allmänt intryck
Det är dags för bekännelse: Jag är en mångårig Windows/Microsoft Office-användare. En del av anledningen till detta (ocoola) beslut är att jag tycker att Microsofts produkter är bekanta och lätta att navigera. Samma sak gäller för Visual Studio Code.
Även om du är nybörjare på textredigerare är VS Code lätt att plocka upp och börja använda direkt. Det har ett Microsoft-utseende och en Microsoft-känsla, och det har två lager som gör det idealiskt för alla typer av användare.
Om du är nybörjare inom kodning är det lätt att räkna ut de grundläggande kommandona (plus att Microsoft har skrivit massor av dokumentation), men om du är en expertanvändare som vill programmera på allvar finns det också många avancerade funktioner att välja mellan.
Sublime Text (Version 3)
Sublime Text, som utvecklades av en före detta Google-ingenjör, har funnits sedan 2007. Den första stora skillnaden mellan det och Visual Studio Code (VSC) är att det har en licensavgift på 80 dollar, även om det finns en gratis testversion. Precis som VSC körs den på Windows, Linux och macOS, och är den fjärde mest populära utvecklingsmiljön 2018 enligt StackOverflow.
Den senaste versionen av Sublime Text – version 3 – var i betaversion i mer än fyra år, från januari 2013 till dess att den släpptes till allmänheten i september 2017.
Grunderna
När du öppnar Sublime Text för första gången får du en avskalad textredigerare. Det finns ingen sidofält, inga alternativ för att söka, inget alternativ som tar dig direkt till tilläggets sidofält. Det ger en mer fokuserad layout som hjälper dig att koncentrera dig på kodning. Det finns en liten minimap i det övre högra hörnet som ger dig en överblick över din kod.
Den öppnades ganska snabbt jämfört med Visual Studio Code och om du är redo att börja redigera kod är det en perfekt startpunkt. Om du är nybörjare på textredigerare är dock de andra funktionerna och funktionerna svårare att hitta. Det mesta av det du behöver finns i menyerna högst upp, men du vill också kalla upp Command Palette (mer om det nedan) från menyn Tools för att snabbare komma åt det du behöver.
Sublime Text-funktioner
Om du vill få ut det mesta av Sublime Text vill du installera extra plugins för att ge dig den extra funktionaliteten. För att göra det måste du installera Package Control, vilket vi går igenom nedan.
Package Control
Package Control liknar Visual Studios marknadsplats för tillägg, men är inte tillgänglig out-of-the-box. Det finns många paket (eller plugins) tillgängliga för personer som är nya programmerare, till exempel ett startpaket för C++, ett paket som hjälper till med Pythonkompletteringar (lite som Intellisense i Visual Studio) och Emmet, som hjälper dig att skriva HTML och CSS snabbare genom att låta dig använda förkortningar, som den expanderar automatiskt.
Kommandopalett
När du använder funktionen Kommandopalett kan du hitta och navigera dig fram till vilket kommando som helst mycket snabbare än om du måste leta i menyer efter det. Du kan komma åt i stort sett vad som helst, och kommandopaletten kommer också att fylla i automatiskt åt dig, så om du inte är säker på vad du letar efter exakt kommer den att föreslå några alternativ.
Om du till exempel arbetar med ett projekt och snabbt behöver lägga till en ny mapp eller spara projektet som du arbetar med, kan du snabbt få fram det alternativet. Eller om du vill skapa snippets utan att behöva navigera genom menyerna kan du också göra det.
För att komma åt Command Palette behöver du bara trycka på ctrl + shift + p.
Goto-funktionalitet
Det finns en meny i Sublime Text som är tillägnad alla ”Goto”-funktionaliteter i denna textredigerare. Detta är en mycket mer komplett version av Visual Studios egen ”Gå till”-meny.
Några av höjdpunkterna är Goto Symbol (tillkommer i Sublime Text 3), som gör att du enkelt kan hitta alla exempel på symboler i en fil. Exemplet nedan är för H1-taggar (det fanns bara ett exempel i den här filen).
Projects
Funktionen Projects hänvisar till ett sätt att organisera mappar och filer i Sublime Text. Det innebär att alla mappar och filer lagras på ett ställe och är snabbt åtkomliga från sidofältet så snart du öppnar projektet, istället för att du måste fortsätta att manuellt öppna fler filer. Det innebär också att du kan söka (snabbt) i alla filer i ett projekt på en gång.
Du kan bara ha ett projekt öppet i ett arbetsområde åt gången, så om du vill byta projekt måste du välja alternativet ”Växla projekt”.
Visual Studio har en liknande funktion som heter ”Workspaces”, som gör att du kan öppna och arbeta med flera filer samtidigt.
Och resten
Sublime Text har en mängd andra, ”mindre” funktioner, som är värda att nämna här. Det handlar bland annat om:
- Snippets: Dessa fungerar på samma sätt som med Visual Studio, men du kan också bygga egna, eller installera fler från tillägg
- Multi-redigering: När du trycker på ctrl + d kommer alla förekomster av det ord eller kommando du för tillfället är inne på att markeras i filen, du kan också trycka på ctrl + f för att hitta och ersätta ord.
Allmänt intryck
Sublime Text är en snabb och avskalad textredigerare som är het på att organisera och söka igenom den kod du skrivit, och att enkelt kunna hoppa till någon funktion eller symbol snabbt. Dess ”Goto”-funktionalitet och många tangentbordsgenvägar gör det lätt för erfarna utvecklare att navigera runt och att skriva och hitta kod enkelt utan att behöva ta händerna från tangentbordet. För mer nybörjarkodare (som jag själv) tar det längre tid att vänja sig vid.
Sublime Text innehåller inget felsökningsalternativ, vilket kan vara ett problem för utvecklare som behöver denna funktionalitet.
Vilket textredigeringsverktyg ska jag välja?
Visual Studio skulle kunna klassas som en integrerad utvecklingsmiljö (IDE), eftersom det tillåter programmerare att både skriva och testa kod. Sublime Text, å andra sidan, är ”bara” en textredigerare (om än en utmärkt sådan) eftersom den fokuserar på att tillhandahålla det snabbaste sättet att organisera och skriva din kod, men ingen möjlighet att testa (felsöka) koden.
En annan stor skillnad mellan Visual Studio Code och Sublime Text är det stöd som Microsoft tillhandahåller jämfört med Sublime Text. Microsoft har skapat mängder av dokumentation som förklarar nästan varje funktion och hur man använder dem, samt blogginlägg och videotutorials för att hjälpa användarna att komma igång med textredigeraren.
Sublime Text tillhandahåller en del svårare att hitta dokumentation, ett blogginlägg som förklarar funktionerna i den senaste versionen och ett forum.
Sublime Text är snabbt och enkelt att skriva kod och navigera sig fram i när man vet vad man gör. Visual Studio ger mer handledning och är ett bra alternativ för sin felsökningsfunktionalitet, men kan sakta ner vissa snabba erfarna programmerare när det gäller att skriva kod.