Install Visual Studio Code (VSC)

În acest videoclip veți instala codul Visual Studio pe mașina dvs. Codul Visual Studio este un editor de text. Nu este ca și editorul de text de pe mașina pe care ați putea folosi pentru a nota câteva note. Acesta este unul special conceput pentru limbile de programare. Deci, va fi foarte ușor să scrieți codul javascript. Aici vom scrie tot codul pe care îl scriem de-a lungul cursului. Putem învăța ceva mai mult despre acest cod de studio vizionat, mergând la codul dot Visual Studio dot com. Pe lângă faptul că este editorul meu de text preferat, codul Visual Studio este gratuit open source și rulează peste tot. Deci, indiferent de sistemul de operare pe care îl utilizați pentru acest curs, veți putea să instalați VSC și să îl configurați exact așa cum am creat pentru acest curs copia mea locală. De fapt, a dezinstalat complet toate temele și setările pentru plug-in-urile mele. Am șters codul Visual Studio complet și vom trece prin procesul de a stabili lucrurile de la zero. Vom începe doar folosind caracteristicile implicite VSC vine cu suport pentru javascript. Și pe măsură ce trecem cursul vom adăuga și personaliza codul Visual Studio creând un mediu de dezvoltare mai bun. Deci, dacă nu aveți un editor de text pe care îl utilizați deja sau nu ați utilizat VSC înainte de a vă recomanda să faceți o încercare. De-a lungul acestui curs, veți obține avantajul suplimentar de a vă putea configura mediul de dezvoltare locală exact așa cum am creat mediul de dezvoltare locală dacă nu doriți să utilizați VSC, dar există și alte opțiuni în trecut. Am folosit atom. Acesta a fost un editor de text lansat de hub. De asemenea, puteți utiliza textul Sublime, care a fost o alegere foarte populară în trecut. Și în cele din urmă există mai mulți editori mai complexi, cum ar fi furtuna de web furtună web nu este gratuită, dar vine cu un heck de o mulțime de caracteristici. Este mai mult o idee decât un editor de text, dar pentru acest curs nu avem nevoie de multe dintre aceste caracteristici. Prefer un cod de studio vizual. Deci, haideți să mergem mai departe și de fapt, lovi cu piciorul lucrurile prin descărcarea de a construi. Vom trece prin procesul de instalare a acestuia imediat după ce terminăm. O vom rula deschis, asigurați-vă că a fost instalat cu succes. Aici vom scrie tot codul de-a lungul cursului, așa că voi menține acest program deschis de la practic până acum până la filmul final. Să mergem mai departe și să ne descurcăm pe cea deschisă și procesul va fi puțin diferit pentru fiecare sistem de operare. Voi presupune că sunteți obișnuit să instalați lucruri, așa că sperăm că puteți trece prin acest proces fără prea multe necazuri până aici am avut fereastra de descărcări. Mi sa dat doar aplicația de a trage la directorul meu de aplicații pe un Mac. Am de gând să fac asta. Și apoi tot ce vom face este să ne descurcăm și să ne asigurăm că funcționează. Mă duc în aplicații până la codul vizual al studioului. O să-l deschid pe acesta și prima oară când îl deschideți ar putea fi necesar să accesați anumite permisiuni sau să schimbați ceva. Macul necesită, de obicei, un fel de confirmare ca această fereastră chiar aici. Și odată ce am dat clic pe fereastră și fereastra aceea, ar trebui să intrăm în program chiar aici. Ce vedem noi. Vedem ecranul de bun venit pentru codul Visual Studio. Acest ecran de întâmpinare încearcă doar să vă ghideze prin anumite modalități de a începe sau moduri în care puteți personaliza programul. Și vom face o mică particularizare acum ce vom face este să instalați câteva pluginuri care vor face viața mult mai ușoară. Primul lucru pe care îl putem face este să debifați această casetă. Nu avem nevoie să vedem acest ecran de întâmpinare de fiecare dată când îl deschidem. Aici pictograma mică a pachetului. Aici putem instala plug-uri noi, toate aceste plugin-uri vor personaliza într-un fel comportamentul VSC. Primul pe care îl vom apuca se numește harta cheilor sublime. Acest plug-in va schimba comenzile rapide de la tastatură pentru codul Visual Studio de la valorile lor implicite la valorile implicite popularizate de textul Sublime. Ei bine, nu-mi place Editorul Text Sublim. Cred că într-adevăr i-au atașat cu ajutorul comenzilor rapide de la tastatură. Acesta este un plugin foarte popular în care avem aproximativ jumătate de milion de descărcări, așa că vom merge mai departe și faceți clic pe install pentru a instala unul. Acum, pentru ca acest plug să intre în vigoare, trebuie să reîncărcați lucrurile, dar vom instala o conexiune mai mult înainte de a face acest lucru. Acest curs va fi folosind javascript modern de la început și pentru a susține unele dintre aceste caracteristici există doar un plug în care trebuie să instalați pentru a găsi acest lucru. Vom căuta sase. Vom vorbi mai exact despre ceea ce da 6 mai târziu. De acum, plug-in-ul pe care îl căutăm se numește Babel S6. Slash Da. Șapte. Și acestea sunt doar numere de versiune. Asadar, sustinem versiuni mai recente ale sintaxei. Acest lucru ne va face să ne asigurăm că, pe măsură ce folosim aceste noi caracteristici moderne, suntem de fapt capabili să avem un editor de text care să le susțină. Acum putem doar să faceți clic pe instalare și pentru aceasta, iar acestea sunt singurele două pe care le vom folosi pentru moment. Pentru moment, putem merge mai departe și faceți clic pe reîncărcați. Acest lucru va reîncărca complet codul Visual Studio și vă asigurați că aceste plugin-uri sunt de fapt utilizate. Și acum este timpul să mergem mai departe și să ne mișcăm deasupra noilor caracteristici disponibile pentru Sublime Text Qiam la 3. Doriți să activați. Sigur. Să mergem mai departe și să facem asta. Bine, așa că am instalat codul vizual al studioului. Continuăm și închidem ecranul de întâmpinare. În acest moment ne cere să deschidem un nou dosar pentru proiectul nostru. Vom face asta doar puțin mai târziu, în secțiunea în care o să facem în următorul videoclip este instalarea unui program care ne va permite să executați javascript. Avem un loc pentru a scrie javascript. Acum avem nevoie de un loc pentru al rula. Să mergem mai departe și să intrăm în asta.