leestott
7d610c13f4
|
3 weeks ago | |
|---|---|---|
| .. | ||
| README.md | 3 weeks ago | |
| assignment.md | 3 weeks ago | |
README.md
Naudojimasis kodo redaktoriumi
Ši pamoka apima pagrindus, kaip naudotis VSCode.dev – internetiniu kodo redaktoriumi, kad galėtumėte keisti savo kodą ir prisidėti prie projekto, nieko neįdiegdami savo kompiuteryje.
Mokymosi tikslai
Šioje pamokoje išmoksite:
- Naudotis kodo redaktoriumi kodo projekte
- Sekti pakeitimus naudojant versijų kontrolę
- Pritaikyti redaktorių programavimui
Reikalavimai
Prieš pradėdami, turite susikurti paskyrą GitHub. Eikite į GitHub ir susikurkite paskyrą, jei dar neturite.
Įvadas
Kodo redaktorius yra esminis įrankis programoms rašyti ir bendradarbiauti su esamais kodavimo projektais. Kai suprasite redaktoriaus pagrindus ir kaip naudotis jo funkcijomis, galėsite jas pritaikyti rašydami kodą.
Pradžia su VSCode.dev
VSCode.dev yra internetinis kodo redaktorius. Jums nereikia nieko įdiegti, kad galėtumėte juo naudotis – tiesiog atidarykite jį kaip bet kurią kitą svetainę. Norėdami pradėti naudotis redaktoriumi, atidarykite šią nuorodą: https://vscode.dev. Jei nesate prisijungę prie GitHub, sekite nurodymus, kad prisijungtumėte arba susikurtumėte naują paskyrą, o tada prisijunkite.
Kai redaktorius užsikraus, jis turėtų atrodyti panašiai kaip šiame paveikslėlyje:
Yra trys pagrindinės sekcijos, pradedant nuo kairės ir judant į dešinę:
- Veiklos juosta su keliais piktogramomis, pvz., didinamuoju stiklu 🔎, krumpliaračiu ⚙️ ir kitomis.
- Išplėsta veiklos juosta, kuri pagal numatymą yra Naršyklė, vadinama šonine juosta.
- Ir galiausiai kodo sritis dešinėje.
Paspauskite ant kiekvienos piktogramos, kad pamatytumėte skirtingus meniu. Baigę, paspauskite Naršyklę, kad grįžtumėte į pradinę padėtį.
Kai pradėsite kurti kodą arba keisti esamą kodą, tai vyks didžiausioje srityje dešinėje. Šią sritį taip pat naudosite esamam kodui peržiūrėti, ką darysite toliau.
Atidarykite GitHub saugyklą
Pirmiausia turite atidaryti GitHub saugyklą. Yra keli būdai, kaip atidaryti saugyklą. Šioje sekcijoje pamatysite du skirtingus būdus, kaip galite atidaryti saugyklą ir pradėti dirbti su pakeitimais.
1. Naudojant redaktorių
Naudokite patį redaktorių, kad atidarytumėte nuotolinę saugyklą. Jei eiksite į VSCode.dev, pamatysite mygtuką "Open Remote Repository":
Taip pat galite naudoti komandų paletę. Komandų paletė yra įvesties laukelis, kuriame galite įvesti bet kokį žodį, susijusį su komanda ar veiksmu, kad rastumėte tinkamą komandą vykdymui. Naudokite meniu viršuje kairėje, tada pasirinkite View, o tada Command Palette, arba naudokite šį klavišų derinį: Ctrl-Shift-P (MacOS sistemoje tai būtų Command-Shift-P).
Kai meniu atsidarys, įveskite open remote repository, o tada pasirinkite pirmąją parinktį. Pasirodys kelios saugyklos, kurių dalimi esate arba kurias neseniai atidarėte. Taip pat galite naudoti pilną GitHub URL, kad pasirinktumėte vieną. Naudokite šį URL ir įklijuokite jį į laukelį:
https://github.com/microsoft/Web-Dev-For-Beginners
✅ Jei viskas pavyko, redaktoriuje bus įkelti visi šios saugyklos failai.
2. Naudojant URL
Taip pat galite naudoti URL tiesiogiai, kad įkeltumėte saugyklą. Pavyzdžiui, pilnas URL dabartinei saugyklai yra https://github.com/microsoft/Web-Dev-For-Beginners, tačiau galite pakeisti GitHub domeną į VSCode.dev/github ir tiesiogiai įkelti saugyklą. Rezultatas būtų https://vscode.dev/github/microsoft/Web-Dev-For-Beginners.
Redaguokite failus
Kai atidarėte saugyklą naršyklėje arba vscode.dev, kitas žingsnis būtų atnaujinti ar pakeisti projektą.
1. Sukurkite naują failą
Galite sukurti failą esamame aplanke arba pagrindiniame kataloge/aplanke. Norėdami sukurti naują failą, atidarykite vietą/katalogą, kur norite išsaugoti failą, ir pasirinkite 'New file ...' piktogramą veiklos juostoje (kairėje), suteikite failui pavadinimą ir paspauskite Enter.
2. Redaguokite ir išsaugokite failą saugykloje
Naudojimasis vscode.dev yra naudingas, kai norite greitai atnaujinti savo projektą, neįkeldami jokios programinės įrangos lokaliai. Norėdami atnaujinti savo kodą, paspauskite 'Explorer' piktogramą, esančią veiklos juostoje, kad peržiūrėtumėte failus ir aplankus saugykloje. Pasirinkite failą, kad atidarytumėte jį kodo srityje, atlikite pakeitimus ir išsaugokite.
Kai baigsite atnaujinti projektą, pasirinkite source control piktogramą, kurioje bus visi nauji pakeitimai, kuriuos atlikote savo saugykloje.
Norėdami peržiūrėti pakeitimus, kuriuos atlikote projekte, pasirinkite failą(-us) aplanke Changes išplėstoje veiklos juostoje. Tai atidarys 'Working Tree', kuriame vizualiai matysite pakeitimus, kuriuos atlikote faile. Raudona spalva rodo projekto pašalinimą, o žalia – pridėjimą.
Jei esate patenkinti atliktais pakeitimais, užveskite pelės žymeklį ant aplanko Changes ir paspauskite + mygtuką, kad paruoštumėte pakeitimus įrašymui. Paruošimas reiškia, kad ruošiate pakeitimus įrašymui į GitHub.
Jei vis dėlto nesate patenkinti kai kuriais pakeitimais ir norite juos atmesti, užveskite pelės žymeklį ant aplanko Changes ir pasirinkite undo piktogramą.
Tada įveskite commit message (aprašymas apie pakeitimą, kurį atlikote projekte), paspauskite check icon, kad įrašytumėte ir išsiųstumėte pakeitimus.
Baigę darbą su projektu, pasirinkite hamburger menu icon viršuje kairėje, kad grįžtumėte į saugyklą github.com.
Naudojimasis plėtiniais
Įdiegus plėtinius VSCode, galite pridėti naujų funkcijų ir pritaikyti redaktoriaus aplinką, kad pagerintumėte savo programavimo eigą. Šie plėtiniai taip pat padeda pridėti palaikymą kelioms programavimo kalboms ir dažniausiai yra bendrieji arba kalbos pagrindu sukurti plėtiniai.
Norėdami peržiūrėti visų galimų plėtinių sąrašą, paspauskite Extensions icon veiklos juostoje ir pradėkite rašyti plėtinio pavadinimą teksto laukelyje, pažymėtame 'Search Extensions in Marketplace'.
Pamatysite plėtinių sąrašą, kuriame bus plėtinio pavadinimas, leidėjo vardas, vieno sakinio aprašymas, atsisiuntimų skaičius ir žvaigždučių įvertinimas.
Taip pat galite peržiūrėti visus anksčiau įdiegtus plėtinius, išplėsdami aplanką Installed folder, populiarius plėtinius, kuriuos naudoja dauguma programuotojų, aplanke Popular folder ir rekomenduojamus plėtinius jums, remiantis vartotojais toje pačioje darbo aplinkoje arba neseniai atidarytais failais aplanke recommended folder.
1. Įdiegti plėtinius
Norėdami įdiegti plėtinį, įveskite plėtinio pavadinimą paieškos laukelyje ir paspauskite ant jo, kad peržiūrėtumėte papildomą informaciją apie plėtinį kodo srityje, kai jis pasirodys išplėstoje veiklos juostoje.
Galite paspausti mėlyną įdiegimo mygtuką išplėstoje veiklos juostoje arba naudoti įdiegimo mygtuką, kuris pasirodo kodo srityje, kai pasirinksite plėtinį, kad įkeltumėte papildomą informaciją.
2. Pritaikyti plėtinius
Įdiegus plėtinį, gali reikėti pakeisti jo veikimą ir pritaikyti jį pagal savo poreikius. Norėdami tai padaryti, pasirinkite Extensions piktogramą, ir šį kartą jūsų plėtinys pasirodys aplanke Installed folder, paspauskite Gear icon ir eikite į Extensions Setting.
3. Valdyti plėtinius
Įdiegus ir naudojant plėtinį, vscode.dev siūlo galimybes valdyti plėtinį pagal skirtingus poreikius. Pavyzdžiui, galite pasirinkti:
-
Išjungti: (Laikinai išjungiate plėtinį, kai jo nebereikia, bet nenorite jo visiškai pašalinti)
Pasirinkite įdiegtą plėtinį išplėstoje veiklos juostoje > paspauskite Gear piktogramą > pasirinkite 'Disable' arba 'Disable (Workspace)' ARBA atidarykite plėtinį kodo srityje ir paspauskite mėlyną Disable mygtuką.
-
Pašalinti: Pasirinkite įdiegtą plėtinį išplėstoje veiklos juostoje > paspauskite Gear piktogramą > pasirinkite 'Uninstall' ARBA atidarykite plėtinį kodo srityje ir paspauskite mėlyną Uninstall mygtuką.
Užduotis
Sukurkite gyvenimo aprašymo svetainę naudodami vscode.dev
Peržiūra ir savarankiškas mokymasis
Skaitykite daugiau apie VSCode.dev ir kai kurias kitas jo funkcijas.
Atsakomybės apribojimas:
Šis dokumentas buvo išverstas naudojant AI vertimo paslaugą Co-op Translator. Nors siekiame tikslumo, prašome atkreipti dėmesį, kad automatiniai vertimai gali turėti klaidų ar netikslumų. Originalus dokumentas jo gimtąja kalba turėtų būti laikomas autoritetingu šaltiniu. Kritinei informacijai rekomenduojama naudoti profesionalų žmogaus vertimą. Mes neprisiimame atsakomybės už nesusipratimus ar klaidingus interpretavimus, atsiradusius dėl šio vertimo naudojimo.