*** # Koodi redaktori kasutamine: [VSCode.dev](https://vscode.dev) valdamine **Tere tulemast!** See õppetund viib teid [VSCode.dev](https://vscode.dev)—võimsa veebipõhise koodi redaktori—põhitõdedest kuni edasijõudnud kasutamiseni. Õpite enesekindlalt koodi redigeerima, projekte haldama, muudatusi jälgima, laiendusi installima ja professionaalselt koostööd tegema—kõike seda otse oma brauserist, ilma et oleks vaja midagi installida. *** ## Õppe-eesmärgid Selle õppetunni lõpuks oskate: - Tõhusalt kasutada koodi redaktorit mis tahes projekti jaoks, igal pool - Sujuvalt jälgida oma tööd sisseehitatud versioonihalduse abil - Kohandada ja täiustada oma arenduskeskkonda redaktori seadistuste ja laiendustega *** ## Eeltingimused Alustamiseks **registreerige tasuta [GitHubi](https://github.com) konto**, mis võimaldab teil hallata koodirepositooriume ja teha koostööd üle maailma. Kui teil pole veel kontot, [looge see siin](https://github.com/). *** ## Miks kasutada veebipõhist koodi redaktorit? **Koodi redaktor**, nagu VSCode.dev, on teie juhtimiskeskus koodi kirjutamiseks, redigeerimiseks ja haldamiseks. Intuitiivse liidese, rohkete funktsioonide ja brauseri kaudu kohese juurdepääsuga saate: - Redigeerida projekte mis tahes seadmes - Vältida installimisega seotud tülikust - Koostööd teha ja panustada koheselt Kui olete VSCode.dev-iga mugav, olete valmis lahendama koodiga seotud ülesandeid igal ajal ja igal pool. *** ## VSCode.dev kasutamise alustamine Liikuge **[VSCode.dev](https://vscode.dev)** lehele—ei installimist, ei allalaadimist. GitHubiga sisselogimine avab täieliku juurdepääsu, sealhulgas teie seadistuste, laienduste ja repositooriumide sünkroonimise. Kui küsitakse, ühendage oma GitHubi konto. Pärast laadimist näeb teie tööruum välja selline: , ⚙️ (Seaded), failid, versioonihaldus jne. - **Külgriba:** Muutub vastavalt valitud tegevusriba ikoonile (vaikimisi *Explorer*, et näidata faile). - **Redaktori/koodi ala:** Suurim osa paremal—koht, kus tegelikult koodi redigeerite ja vaatate. Klõpsake ikoonidel, et funktsioone uurida, kuid naaske _Explorer_ juurde, et oma koht säilitada. *** ## GitHubi repositooriumi avamine ### Meetod 1: Redaktori kaudu 1. Minge [VSCode.dev](https://vscode.dev) lehele. Klõpsake **"Open Remote Repository."** .  ja vajutage Enter. Kui õnnestub, näete kogu projekti laadituna ja redigeerimiseks valmis! *** ### Meetod 2: Kohene avamine URL-i kaudu Muutke mis tahes GitHubi repo URL, et avada see otse VSCode.dev-is, asendades `github.com` `vscode.dev/github`-iga. Näiteks: - GitHub: `https://github.com/microsoft/Web-Dev-For-Beginners` - VSCode.dev: `https://vscode.dev/github/microsoft/Web-Dev-For-Beginners` See funktsioon kiirendab mis tahes projekti kiiret avamist. *** ## Failide redigeerimine projektis Kui teie repo on avatud, saate: ### 1. **Luua uue faili** - *Explorer* külgribal liikuge soovitud kausta või kasutage juurkausta. - Klõpsake _‘New file ...’_ ikooni. - Pange failile nimi, vajutage **Enter**, ja fail ilmub koheselt.  ja kustutamisi (punane).  *** ## Edasine uurimine ja iseseisev õppimine - Süvenege [ametlikesse VSCode veebidokumentidesse](https://code.visualstudio.com/docs/editor/vscode-web?WT.mc_id=academic-0000-alfredodeza). - Avastage edasijõudnud tööruumi funktsioone, kiirklahve ja seadeid. *** **Nüüd olete valmis koodi kirjutama, looma ja koostööd tegema—igal pool, igas seadmes, kasutades VSCode.dev-i!** --- **Lahtiütlus**: See dokument on tõlgitud AI tõlketeenuse [Co-op Translator](https://github.com/Azure/co-op-translator) abil. Kuigi püüame tagada täpsust, palume arvestada, et automaatsed tõlked võivad sisaldada vigu või ebatäpsusi. Algne dokument selle algses keeles tuleks pidada autoriteetseks allikaks. Olulise teabe puhul soovitame kasutada professionaalset inimtõlget. Me ei vastuta selle tõlke kasutamisest tulenevate arusaamatuste või valesti tõlgenduste eest.