*** # Korzystanie z edytora kodu: Opanowanie [VSCode.dev](https://vscode.dev) **Witamy!** Ta lekcja przeprowadzi Cię od podstaw do zaawansowanego korzystania z [VSCode.dev](https://vscode.dev)—potężnego, przeglądarkowego edytora kodu. Nauczysz się pewnie edytować kod, zarządzać projektami, śledzić zmiany, instalować rozszerzenia i współpracować jak profesjonalista—wszystko z poziomu przeglądarki, bez konieczności instalacji. *** ## Cele nauki Po ukończeniu tej lekcji będziesz potrafić: - Efektywnie korzystać z edytora kodu w dowolnym projekcie, gdziekolwiek jesteś - Bezproblemowo śledzić swoją pracę dzięki wbudowanej kontroli wersji - Personalizować i usprawniać swój proces tworzenia dzięki dostosowaniom edytora i rozszerzeniom *** ## Wymagania wstępne Aby rozpocząć, **załóż darmowe konto na [GitHub](https://github.com)**, które pozwoli Ci zarządzać repozytoriami kodu i współpracować z ludźmi na całym świecie. Jeśli jeszcze nie masz konta, [utwórz je tutaj](https://github.com/). *** ## Dlaczego warto korzystać z edytora kodu w przeglądarce? **Edytor kodu**, taki jak VSCode.dev, to Twoje centrum dowodzenia do pisania, edytowania i zarządzania kodem. Dzięki intuicyjnemu interfejsowi, mnóstwu funkcji i natychmiastowemu dostępowi przez przeglądarkę możesz: - Edytować projekty na dowolnym urządzeniu - Uniknąć problemów związanych z instalacją - Współpracować i wnosić wkład natychmiastowo Gdy opanujesz VSCode.dev, będziesz gotowy do realizacji zadań programistycznych z dowolnego miejsca i o każdej porze. *** ## Pierwsze kroki z VSCode.dev Przejdź do **[VSCode.dev](https://vscode.dev)**—bez instalacji, bez pobierania. Logowanie za pomocą GitHub odblokowuje pełny dostęp, w tym synchronizację ustawień, rozszerzeń i repozytoriów. Jeśli pojawi się komunikat, połącz swoje konto GitHub. Po załadowaniu, Twoje środowisko pracy będzie wyglądać tak: , ⚙️ (Ustawienia), pliki, kontrola źródła itp. - **Panel boczny:** Zmienia kontekst w zależności od wybranej ikony na pasku aktywności (domyślnie *Eksplorator*, aby wyświetlić pliki). - **Obszar edytora/kodu:** Największa sekcja po prawej—tu będziesz edytować i przeglądać kod. Klikaj ikony, aby odkrywać funkcje, ale wróć do _Eksploratora_, aby zachować orientację. *** ## Otwieranie repozytorium GitHub ### Metoda 1: Z poziomu edytora 1. Przejdź do [VSCode.dev](https://vscode.dev). Kliknij **"Open Remote Repository."** .  i naciśnij Enter. Jeśli wszystko się powiedzie, zobaczysz cały projekt załadowany i gotowy do edycji! *** ### Metoda 2: Natychmiast przez URL Przekształć dowolny URL repozytorium GitHub, aby otworzyć go bezpośrednio w VSCode.dev, zastępując `github.com` przez `vscode.dev/github`. Np.: - GitHub: `https://github.com/microsoft/Web-Dev-For-Beginners` - VSCode.dev: `https://vscode.dev/github/microsoft/Web-Dev-For-Beginners` Ta funkcja znacznie przyspiesza dostęp do dowolnego projektu. *** ## Edytowanie plików w projekcie Gdy Twoje repozytorium jest otwarte, możesz: ### 1. **Utworzyć nowy plik** - W panelu *Eksploratora* przejdź do wybranego folderu lub użyj katalogu głównego. - Kliknij ikonę _‘New file ...’_. - Nazwij plik, naciśnij **Enter**, a plik pojawi się natychmiast.  i usunięcia (czerwone).  *** ## Dalsze eksplorowanie i samodzielna nauka - Zgłębiaj temat dzięki [oficjalnej dokumentacji VSCode Web](https://code.visualstudio.com/docs/editor/vscode-web?WT.mc_id=academic-0000-alfredodeza). - Odkrywaj zaawansowane funkcje środowiska pracy, skróty klawiaturowe i ustawienia. *** **Teraz jesteś gotowy, aby kodować, tworzyć i współpracować—z dowolnego miejsca, na dowolnym urządzeniu, korzystając z VSCode.dev!** --- **Zastrzeżenie**: Ten dokument został przetłumaczony za pomocą usługi tłumaczenia AI [Co-op Translator](https://github.com/Azure/co-op-translator). Chociaż dokładamy wszelkich starań, aby tłumaczenie było precyzyjne, prosimy pamiętać, że automatyczne tłumaczenia mogą zawierać błędy lub nieścisłości. Oryginalny dokument w jego języku źródłowym powinien być uznawany za wiarygodne źródło. W przypadku informacji o kluczowym znaczeniu zaleca się skorzystanie z profesjonalnego tłumaczenia przez człowieka. Nie ponosimy odpowiedzialności za jakiekolwiek nieporozumienia lub błędne interpretacje wynikające z użycia tego tłumaczenia.