leestott
7cfaffabb5
|
7 days ago | |
|---|---|---|
| .. | ||
| README.md | 7 days ago | |
| assignment.md | 7 days 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ą.
Darbo pradžia su VSCode.dev
VSCode.dev yra internetinis kodo redaktorius. Jums nereikia nieko įdiegti, kad juo naudotumėtės – tai taip paprasta, kaip atidaryti bet kurią kitą svetainę. Norėdami pradėti naudotis redaktoriumi, atidarykite šią nuorodą: https://vscode.dev. Jei nesate prisijungę prie GitHub, vykdykite 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, tokiomis kaip didinamoji stiklo 🔎, krumpliaračio ⚙️ ir kitomis.
- Išplėsta veiklos juosta, kuri pagal numatymą yra Naršyklė, vadinama šonine juosta.
- Ir galiausiai kodo sritis dešinėje.
Spustelėkite kiekvieną piktogramą, kad pamatytumėte skirtingus meniu. Baigę, spustelėkite 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ą ir padarysite 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 langelis, kuriame galite įvesti bet kurį ž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 į langelį:
https://github.com/microsoft/Web-Dev-For-Beginners
✅ Jei viskas pavyko, visi šios saugyklos failai bus įkelti į tekstų redaktorių.
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/vscode.dev, kitas žingsnis būtų atnaujinti ar pakeisti projektą.
1. Sukurkite naują failą
Galite sukurti failą esamame aplanke arba šakniniame 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 kodą, spustelėkite 'Naršyklės' piktogramą, taip pat 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 yra 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 'Darbo medį', kuriame vizualiai matysite pakeitimus, kuriuos atlikote faile. Raudona spalva rodo pašalinimą iš projekto, o žalia – pridėjimą.
Jei esate patenkinti atliktais pakeitimais, užveskite pelės žymeklį ant aplanko Changes ir spustelėkite mygtuką +, kad paruoštumėte pakeitimus. Paruošimas reiškia, kad ruošiate pakeitimus įkelti į GitHub.
Jei vis dėlto nesate patenkinti kai kuriais pakeitimais ir norite juos atmesti, užveskite pelės žymeklį ant aplanko Changes ir pasirinkite piktogramą undo.
Tada įveskite commit message (aprašymą apie pakeitimą, kurį atlikote projekte), spustelėkite piktogramą check, kad patvirtintumėte ir įkeltumėte pakeitimus.
Baigę darbą su projektu, pasirinkite hamburger menu icon viršuje kairėje, kad grįžtumėte į saugyklą github.com.
Naudojimasis plėtiniais
Plėtinių įdiegimas VSCode leidžia pridėti naujų funkcijų ir pritaikyti redaktoriaus aplinką, kad pagerintumėte savo darbo eigą. Šie plėtiniai taip pat padeda pridėti palaikymą kelioms programavimo kalboms ir dažniausiai yra arba bendrieji plėtiniai, arba kalbos pagrindu sukurti plėtiniai.
Norėdami peržiūrėti visų galimų plėtinių sąrašą, spustelėkite Extensions icon veiklos juostoje ir pradėkite rašyti plėtinio pavadinimą teksto lauke, 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 kūrėjų, 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 lauke ir spustelėkite jį, kad peržiūrėtumėte papildomą informaciją apie plėtinį kodo srityje, kai jis pasirodys išplėstoje veiklos juostoje.
Galite spustelėti mėlyną įdiegimo mygtuką išplėstoje veiklos juostoje arba naudoti įdiegimo mygtuką, kuris pasirodo kodo srityje, kai pasirenkate plėtinį, kad įkeltumėte papildomą informaciją.
2. Pritaikyti plėtinius
Įdiegę plėtinį, gali tekti pakeisti jo veikimą ir pritaikyti jį pagal savo poreikius. Norėdami tai padaryti, pasirinkite Plėtinių piktogramą, ir šį kartą jūsų plėtinys pasirodys aplanke Installed folder, spustelėkite Gear icon ir eikite į Extensions Setting.
3. Valdyti plėtinius
Įdiegę ir naudodami 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 > spustelėkite Gear piktogramą > pasirinkite 'Disable' arba 'Disable (Workspace)' ARBA atidarykite plėtinį kodo srityje ir spustelėkite mėlyną Disable mygtuką.
-
Pašalinti: Pasirinkite įdiegtą plėtinį išplėstoje veiklos juostoje > spustelėkite Gear piktogramą > pasirinkite 'Uninstall' ARBA atidarykite plėtinį kodo srityje ir spustelėkite 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 profesionali žmogaus vertimo paslauga. Mes neprisiimame atsakomybės už nesusipratimus ar klaidingus interpretavimus, atsiradusius naudojant šį vertimą.