Dacă ați urmat vreun curs Codecademy, sunteți deja familiarizat cu un editor de text. Mai jos este editorul de text de la Codecademy în ecran complet la sfârșitul primului modul al cursului de HTML.
În timp ce mediul de învățare de la Codecademy oferă o experiență de codare intuitivă și prietenoasă cu utilizatorul, uneori veți avea nevoie să folosiți propriul editor de text. De exemplu, dacă decideți să participați la un Meetup sau la un curs de codare în persoană, aceștia vor folosi un editor de text descărcabil, iar dvs. va trebui să îl instalați pentru a lucra la proiecte atât în clasă, cât și acasă.
Am cochetat cu câteva editoare de text pentru a înțelege mai bine ce se potrivește cel mai bine nevoilor mele. Acest lucru este crucial, deoarece nu există un editor de text „cel mai bun”, ci doar cel care vă permite să creați cele mai bune lucrări.
În acest articol, voi oferi o comparație în profunzime a două dintre cele mai populare editoare de text: Visual Studio și Sublime Text.
Visual Studio
Visual Studio (editorul de text este cunoscut sub numele de Visual Studio Code, așa că ne vom referi la acesta de acum încolo) este editorul de text gratuit al Microsoft care rulează pe Windows, Linux și macOS. Este un concurent recent pe piață; Microsoft a lansat produsul ca o previzualizare publică la sfârșitul anului 2015, postând codul open source pe Github, înainte de a-l face disponibil ca versiune generală în aprilie 2016.
În ciuda statutului său de începător, Visual Studio Code a câștigat rapid popularitate în rândul dezvoltatorilor, clasându-se ca fiind cel mai popular mediu de dezvoltare în general în cadrul Stack Overflow’s 2018 Developer Survey.
Bazele
Acesta este modul în care arată ecranul de pornire al Visual Studio Code atunci când scrieți prima linie de cod sau deschideți un fișier pe care l-ați creat deja:
În panoul din stânga sus, puteți vedea diferitele variante de cod pe care le editați. În acest caz, editez un fișier numit „style.css.”
Panelul din mijloc este cel în care editați codul pe care l-ați scris sau pe care trebuie să îl reparați; puteți deschide și edita mai multe fișiere diferite, unul lângă altul.
Dispoziția Visual Studio are o asemănare cu cea a editorului de text propriu al Codecademy în ceea ce privește simplitatea și ușurința de utilizare. Aruncați o privire la editorul de text al Codecademy mai jos pentru o comparație.
Puteți, bineînțeles, să editați și aspectul. Zen Mode este unul dintre preferatele mele, mai ales pentru că sună atât de relaxant. În realitate, acesta este un mod cu ecran complet care vă permite să editați codul fără nicio distragere a atenției.
Mai multe caracteristici
Visual Studio Code vă permite să editați codul într-o mare varietate de limbaje de programare. Exemplul pe care l-am folosit mai sus este CSS (da, clasific CSS ca fiind un limbaj de codare!). CSS este unul dintre limbajele de programare încorporate, dar puteți instala și configura și alte limbaje, cum ar fi Python și C#, prin intermediul Extension Marketplace.
Debugging
Unul dintre exercițiile clasice pe care le veți face atunci când învățați să programați este să „spargeți” un cod și apoi să încercați să îl reparați din nou. În primele mele zile de programare, am petrecut veacuri întregi uitându-mă la linii de cod până când mi se încețoșau ochii, încercând să înțeleg de ce ceea ce scrisesem nu se reflecta în produsul final.
Din fericire, Visual Studio Code include funcționalitatea de depanare pentru a ajuta la detectarea acestor erori înainte de a ajunge la stadiul de ochi încețoșați. Pentru a începe să vă depanați codul, tot ce trebuie să faceți este fie să apăsați F5 pentru a-l rula în fereastra curentă, fie să mergeți la meniul „Debug”.
De asemenea, puteți crea „breakpoints”, care sunt puncte în care procesul de depanare se va opri automat.
La un nivel mai elementar de depanare, Visual Studio Code detectează automat problemele minore din cod și vă duce direct acolo, astfel încât să puteți rezolva problema cu ușurință.
Intellisense
Când învățam să scriu coduri, unul dintre sfaturile pe care ni le dădea profesorul atunci când nu știam cum să facem ceva era să căutăm pe Google. Microsoft a construit o funcție în Visual Studio Code numită Intellisense, care este o alternativă la căutarea problemei pe Google (sau „Bing-ing”, în cazul Microsoft).
IntelliSense analizează semantica (literele) a ceea ce introduceți, precum și restul codului pe care l-ați creat, iar apoi oferă sugestii despre cum să finalizați ceea ce scrieți. Puteți accesa o serie întreagă de completări diferite prin Intellisense, inclusiv sugestii ale serverului de limbă, fragmente și completări textuale bazate pe cuvinte.
IntelliSense este disponibil pentru cele mai comune limbaje de programare, inclusiv HTML, CSS și Javascript, dar pentru alte limbaje, va trebui să instalați o extensie.
Și restul
Visual Studio Code are o serie de alte caracteristici utile care vă vor ajuta pe parcursul călătoriei dvs. de codare, ajutându-vă să vizualizați mai bine codul și să vă accelerați programarea. Printre acestea se numără:
- Suport pentru snippets: Acest lucru vă permite să creați un catalog de mici părți de cod reutilizabile, pe care le puteți insera în corpuri mai mari de cod
- Funcționalitatea „Go to”: Aceasta vă permite să găsiți rapid și să mergeți la simboluri, fișiere, linii și definiții
- Evidențierea sintaxei: Aceasta afișează codul în culori și fonturi diferite, în funcție de tipul de limbaj de codare utilizat.
Impresie generală
Este momentul mărturisirii: Sunt un utilizator vechi de Windows/Microsoft Office. O parte din motivul acestei decizii (neaoșe) se datorează faptului că produsele Microsoft mi se par familiare și ușor de navigat. Același lucru este valabil și pentru Visual Studio Code.
Inclusiv dacă sunteți nou în domeniul editorilor de text, VS Code este ușor de luat în mână și de utilizat imediat. Are un aspect Microsoft și are două straturi care îl fac ideal pentru orice tip de utilizator.
Dacă sunteți un programator începător, este ușor să vă descurcați cu comenzile de bază (în plus, Microsoft a scris o mulțime de documentație pentru el), dar dacă sunteți un utilizator expert care dorește să facă o programare serioasă, există și o mulțime de opțiuni de caracteristici avansate.
Sublime Text (versiunea 3)
Sublime Text, care a fost dezvoltat de un fost inginer Google, există din 2007. Prima diferență majoră între acesta și Visual Studio Code (VSC) este că are o taxă de licență de 80 de dolari, deși are o versiune de încercare gratuită. La fel ca VSC, rulează pe Windows, Linux și macOS și este al patrulea cel mai popular mediu de dezvoltare în 2018, conform StackOverflow.
Cea mai recentă versiune a Sublime Text – versiunea 3 – a fost în versiune beta timp de mai bine de patru ani, din ianuarie 2013 până când a fost lansată pentru public în septembrie 2017.
Bazele
Când deschideți Sublime Text pentru prima dată, veți obține un editor de text dezgolit. Nu există nicio bară laterală, nicio opțiune de căutare, nicio opțiune care să vă ducă direct la bara laterală a extensiei. Acesta oferă un aspect mai concentrat pentru a vă ajuta să vă concentrați asupra codificării. Există un mic minimapou în colțul din dreapta sus pentru a vă oferi o imagine de ansamblu a codului dumneavoastră.
Se deschide destul de repede în comparație cu Visual Studio Code și, dacă sunteți gata să vă apucați de editarea codului, oferă punctul de plecare perfect. Cu toate acestea, dacă sunteți nou în domeniul editorilor de text, celelalte caracteristici și funcționalități sunt mai greu de găsit. Majoritatea lucrurilor de care aveți nevoie se află în meniurile din partea de sus, dar veți dori, de asemenea, să apelați Paleta de comenzi (mai multe despre aceasta mai jos) din meniul Instrumente pentru a ajunge mai rapid la ceea ce aveți nevoie.
Funcționalități Sublime Text
Dacă doriți să profitați la maximum de Sublime Text, veți dori să instalați plugin-uri suplimentare pentru a vă oferi funcționalitatea suplimentară. Pentru a face acest lucru, trebuie să instalați Package Control, pe care îl vom parcurge mai jos.
Package Control
Package Control este similar cu piața de extensii din Visual Studio, dar nu este disponibil din fabrică. Există o mulțime de pachete (sau plugin-uri) disponibile pentru cei care sunt începători în programare, cum ar fi un pachet de pornire pentru C++, un pachet care vă va ajuta cu completările Python (un pic ca Intellisense în Visual Studio) și Emmet, care vă ajută să scrieți HTML și CSS mai repede, permițându-vă să folosiți abrevieri, pe care le extinde automat.
Paletă de comenzi
Când folosiți funcția Paletă de comenzi, veți putea să găsiți și să navigați spre orice comandă mult mai rapid decât dacă ar trebui să căutați prin meniuri pentru aceasta. Puteți accesa cam orice, iar paleta de comenzi se va completa automat pentru dvs. și, de asemenea, dacă nu sunteți sigur de ceea ce căutați exact, vă va sugera câteva opțiuni.
De exemplu, dacă lucrați la un proiect și trebuie să adăugați rapid un folder nou sau să salvați proiectul la care lucrați, puteți să accesați rapid opțiunea respectivă. Sau dacă doriți să creați fragmente fără a fi nevoit să navigați prin meniuri, puteți face și acest lucru.
Pentru a accesa Command Palette, tot ce trebuie să faceți este să apăsați ctrl + shift + p.
Funcționalitatea Goto
Există un meniu în Sublime Text dedicat tuturor funcționalităților „Goto” din cadrul acestui editor de text. Aceasta este o versiune mult mai completă a meniului „Go to” din Visual Studio.
Câteva dintre cele mai importante caracteristici includ Goto Symbol (adăugat în Sublime Text 3), care vă permite să găsiți cu ușurință toate exemplele de simboluri din cadrul unui fișier. Exemplul de mai jos este pentru etichetele H1 (a existat un singur exemplu în cadrul acestui fișier).
Proiecte
Funcția Proiecte se referă la un mod de organizare a dosarelor și fișierelor în Sublime Text. Aceasta înseamnă că toate folderele și fișierele sunt stocate într-un singur loc și sunt accesibile rapid din bara laterală de îndată ce deschideți proiectul, în loc să trebuiască să tot deschideți manual mai multe fișiere. De asemenea, înseamnă că puteți căuta (rapid) în toate fișierele dintr-un proiect deodată.
Puteți avea un singur proiect deschis într-un spațiu de lucru la un moment dat, astfel încât, dacă doriți să schimbați proiectele, trebuie să selectați opțiunea „Switch Projects”.
Visual Studio are o caracteristică similară numită „Spații de lucru”, care vă permite să deschideți și să lucrați la mai multe fișiere în același timp.
Și restul
Sublime Text are o serie de alte caracteristici „mai mici”, care merită menționate aici. Printre acestea se numără:
- Snippets: Acestea funcționează în același mod ca și în Visual Studio, dar puteți, de asemenea, să vă construiți pe ale dvs. sau să instalați mai multe din extensii
- Multi-edit: Când apăsați ctrl + d, toate instanțele cuvântului sau comenzii pe care vă aflați în acel moment vor fi evidențiate în cadrul fișierului, puteți, de asemenea, să apăsați ctrl + f pentru a găsi și a înlocui cuvintele.
Impresie generală
Sublime Text este un editor de text rapid și dezgolit, care se înfierbântă la organizarea și căutarea prin codul pe care l-ați scris și la posibilitatea de a sări ușor și rapid la orice funcție sau simbol. Funcționalitatea sa „Goto” și numeroasele comenzi rapide de la tastatură permit dezvoltatorilor experimentați să se orienteze cu ușurință și să scrie și să găsească codul cu ușurință fără a fi nevoiți să ia mâinile de pe tastatură. Pentru programatorii mai începători (ca mine), este nevoie de mai mult timp pentru a se obișnui.
Sublime Text nu include o opțiune de depanare, ceea ce ar putea fi o problemă pentru programatorii care au nevoie de această funcționalitate.
Ce editor de text ar trebui să aleg?
Visual Studio ar putea fi clasificat ca un mediu de dezvoltare integrat (IDE), deoarece permite programatorilor atât să scrie, cât și să testeze codul. Sublime Text, pe de altă parte, este „doar” un editor de text (deși unul excelent), deoarece se concentrează pe oferirea celui mai rapid mod de a organiza și de a scrie codul, dar fără posibilitatea de a testa (depanare) codul.
O altă diferență majoră între Visual Studio Code și Sublime Text este suportul pe care îl oferă Microsoft în comparație cu Sublime Text. Microsoft a creat teancuri de documentație care explică aproape fiecare caracteristică și cum să le folosească, precum și postări pe blog și tutoriale video pentru a ajuta utilizatorii să se familiarizeze cu editorul de text.
Sublime Text oferă o documentație mai greu de găsit, o postare pe blog care explică caracteristicile din cea mai recentă versiune și un forum.
Sublime Text este rapid și ușor de scris cod și de navigat atunci când știi ce faci. Visual Studio oferă mai multă îndrumare și este o opțiune excelentă pentru funcționalitatea de depanare, dar ar putea încetini unii programatori experimentați și rapizi atunci când vine vorba de scrierea codului.