*** # Používanie editora kódu: Ovládnite [VSCode.dev](https://vscode.dev) **Vitajte!** Táto lekcia vás prevedie od základov až po pokročilé používanie [VSCode.dev](https://vscode.dev)—výkonného webového editora kódu. Naučíte sa sebavedomo upravovať kód, spravovať projekty, sledovať zmeny, inštalovať rozšírenia a spolupracovať ako profesionál—všetko priamo z vášho prehliadača, bez nutnosti inštalácie. *** ## Ciele učenia Na konci tejto lekcie budete schopní: - Efektívne používať editor kódu na akomkoľvek projekte, kdekoľvek - Plynule sledovať svoju prácu pomocou zabudovanej verziovej kontroly - Personalizovať a zlepšiť svoj vývojový pracovný postup pomocou úprav editora a rozšírení *** ## Predpoklady Na začiatok si **vytvorte bezplatný účet na [GitHub](https://github.com)**, ktorý vám umožní spravovať repozitáre kódu a spolupracovať na celom svete. Ak ešte nemáte účet, [vytvorte si ho tu](https://github.com/). *** ## Prečo používať webový editor kódu? **Editor kódu**, ako je VSCode.dev, je vaše riadiace centrum na písanie, úpravu a správu kódu. S intuitívnym rozhraním, množstvom funkcií a okamžitým prístupom cez prehliadač môžete: - Upraviť projekty na akomkoľvek zariadení - Vyhnúť sa komplikáciám s inštaláciou - Spolupracovať a prispievať okamžite Keď sa zoznámite s VSCode.dev, budete pripravení zvládnuť úlohy programovania odkiaľkoľvek a kedykoľvek. *** ## Začíname s VSCode.dev Prejdite na **[VSCode.dev](https://vscode.dev)**—bez inštalácie, bez sťahovania. Prihlásenie cez GitHub odomkne plný prístup vrátane synchronizácie vašich nastavení, rozšírení a repozitárov. Ak budete vyzvaní, pripojte svoj GitHub účet. Po načítaní bude vaše pracovné prostredie vyzerať takto: , ⚙️ (Nastavenia), súbory, verzionovanie zdrojov atď. - **Bočný panel:** Mení kontext na základe vybranej ikony v paneli aktivít (predvolene *Prieskumník* na zobrazenie súborov). - **Oblasť editora/kódu:** Najväčšia sekcia vpravo—tu budete upravovať a prezerať kód. Kliknite na ikony, aby ste preskúmali funkcie, ale vráťte sa do _Prieskumníka_, aby ste si udržali prehľad. *** ## Otvorenie GitHub repozitára ### Metóda 1: Z editora 1. Prejdite na [VSCode.dev](https://vscode.dev). Kliknite na **"Open Remote Repository."** .  a stlačte Enter. Ak je to úspešné, uvidíte celý projekt načítaný a pripravený na úpravu! *** ### Metóda 2: Okamžite cez URL Transformujte akúkoľvek URL GitHub repozitára na priamy otvorenie vo VSCode.dev nahradením `github.com` za `vscode.dev/github`. Napr.: - GitHub: `https://github.com/microsoft/Web-Dev-For-Beginners` - VSCode.dev: `https://vscode.dev/github/microsoft/Web-Dev-For-Beginners` Táto funkcia výrazne urýchľuje prístup k AKÉMUKOĽVEK projektu. *** ## Úprava súborov vo vašom projekte Keď je váš repozitár otvorený, môžete: ### 1. **Vytvoriť nový súbor** - V bočnom paneli *Prieskumníka* prejdite do požadovaného priečinka alebo použite koreňový adresár. - Kliknite na ikonu _‘Nový súbor ...’_. - Pomenujte súbor, stlačte **Enter** a váš súbor sa okamžite zobrazí.  a odstránené (červené) časti.  *** ## Ďalšie skúmanie a samostatné štúdium - Ponorte sa hlbšie do [oficiálnej dokumentácie VSCode Web](https://code.visualstudio.com/docs/editor/vscode-web?WT.mc_id=academic-0000-alfredodeza). - Preskúmajte pokročilé funkcie pracovného prostredia, klávesové skratky a nastavenia. *** **Teraz ste pripravení programovať, tvoriť a spolupracovať—odkiaľkoľvek, na akomkoľvek zariadení, pomocou VSCode.dev!** --- **Upozornenie**: Tento dokument bol preložený pomocou služby AI prekladu [Co-op Translator](https://github.com/Azure/co-op-translator). Hoci sa snažíme o presnosť, prosím, berte na vedomie, že automatizované preklady môžu obsahovať chyby alebo nepresnosti. Pôvodný dokument v jeho rodnom jazyku by mal byť považovaný za autoritatívny zdroj. Pre kritické informácie sa odporúča profesionálny ľudský preklad. Nie sme zodpovední za žiadne nedorozumenia alebo nesprávne interpretácie vyplývajúce z použitia tohto prekladu.