7.4 KiB
Uporaba urejevalnika kode: Obvladovanje VSCode.dev
Dobrodošli!
Ta lekcija vas popelje od osnov do napredne uporabe VSCode.dev—zmogljivega, spletnega urejevalnika kode. Naučili se boste samozavestno urejati kodo, upravljati projekte, slediti spremembam, nameščati razširitve in sodelovati kot profesionalec—vse iz vašega brskalnika, brez potrebe po namestitvi.
Cilji učenja
Na koncu te lekcije boste sposobni:
- Učinkovito uporabljati urejevalnik kode za kateri koli projekt, kjerkoli
- Brez težav slediti svojemu delu z vgrajenim nadzorom različic
- Prilagoditi in izboljšati svoj razvojni potek dela z nastavitvami urejevalnika in razširitvami
Predpogoji
Za začetek si ustvarite brezplačen GitHub račun, ki vam omogoča upravljanje repozitorijev kode in sodelovanje po vsem svetu. Če računa še nimate, ga ustvarite tukaj.
Zakaj uporabljati spletni urejevalnik kode?
Urejevalnik kode, kot je VSCode.dev, je vaše poveljniško središče za pisanje, urejanje in upravljanje kode. Z intuitivnim vmesnikom, številnimi funkcijami in takojšnjim dostopom prek brskalnika lahko:
- Urejate projekte na katerikoli napravi
- Izognete se težavam z namestitvami
- Sodelujete in prispevate takoj
Ko se boste udobno počutili z VSCode.dev, boste pripravljeni na reševanje nalog kodiranja od kjerkoli, kadarkoli.
Začetek z VSCode.dev
Odprite VSCode.dev—brez namestitve, brez prenosov. Prijava z GitHub računom omogoča poln dostop, vključno s sinhronizacijo vaših nastavitev, razširitev in repozitorijev. Če vas sistem pozove, povežite svoj GitHub račun.
Ko se naloži, bo vaše delovno okolje videti takole:
, ⚙️ (Nastavitve), datoteke, nadzor izvorne kode itd.
- Stranska vrstica: Spreminja kontekst glede na izbrano ikono v orodni vrstici (privzeto Raziskovalec, ki prikazuje datoteke).
- Urejevalnik/območje kode: Največji razdelek na desni—kjer dejansko urejate in si ogledujete kodo.
Kliknite ikone, da raziščete funkcije, vendar se vrnite na Raziskovalec, da ohranite svoj položaj.
Odpiranje GitHub repozitorija
Metoda 1: Iz urejevalnika
-
Pojdite na VSCode.dev. Kliknite "Odpri oddaljeni repozitorij."
.
 in pritisnite Enter.
Če je uspešno, boste videli celoten projekt, pripravljen za urejanje!
Metoda 2: Takoj prek URL-ja
Spremenite kateri koli URL GitHub repozitorija, da se odpre neposredno v VSCode.dev, tako da zamenjate github.com z vscode.dev/github.
Npr.:
- GitHub:
https://github.com/microsoft/Web-Dev-For-Beginners - VSCode.dev:
https://vscode.dev/github/microsoft/Web-Dev-For-Beginners
Ta funkcija omogoča hiter dostop do KATERIKOLI projekta.
Urejanje datotek v vašem projektu
Ko je vaš repozitorij odprt, lahko:
1. Ustvarite novo datoteko
- V stranski vrstici Raziskovalec pojdite do želene mape ali uporabite koren.
- Kliknite ikono ‘Nova datoteka ...’.
- Poimenujte datoteko, pritisnite Enter, in datoteka se takoj prikaže.
 in brisanja (rdeče).
![Ogled sprememb](../images/working-tree.png spremembe s klikom na+poleg datotek, da jih pripravite za potrditev. - Zavrzite neželene spremembe s klikom na ikono za razveljavitev.
- Vnesite jasno sporočilo o potrditvi, nato kliknite kljukico za potrditev in potiskanje.
Za vrnitev v vaš repozitorij na GitHubu izberite meni hamburger na vrhu levo.
![Priprava in potrditev sprememb](../images/edit-vscode.dev z razširitvami
Razširitve vam omogočajo dodajanje jezikov, tem, razhroščevalnikov in orodij za produktivnost v VSCode.dev—kar olajša in popestri vaše kodiranje.
Brskanje in upravljanje razširitev
-
Kliknite ikono Razširitve v orodni vrstici.
-
Poiščite razširitev v polju 'Iskanje razširitev na tržnici'.
![Podrobnosti razširitev](../images/extension-details:
- Nameščene: Vse razširitve, ki ste jih dodali
- Priljubljene: Industrijski favoriti
- Priporočene: Prilagojene vašemu poteku dela
![Ogled razširitev](
1. Namestite razširitve
-
Vnesite ime razširitve v iskalnik, kliknite nanjo in si oglejte podrobnosti v urejevalniku.
-
Kliknite modri gumb za namestitev v stranski vrstici ali v glavnem območju kode.
![Namestitev razširitev](../images/install-extension 2. Prilagodite razširitve
-
Poiščite nameščeno razširitev.
-
Kliknite Ikono zobnika → izberite Nastavitve razširitve, da prilagodite vedenje po vaših željah.
![Sprememba nastavitev razširitev](../images/extension-settings 3. Upravljanje razširitev Lahko:
-
Onemogočite: Začasno izklopite razširitev, medtem ko jo ohranite nameščeno
-
Odstranite: Trajno odstranite, če je ne potrebujete več
Poiščite razširitev, kliknite ikono zobnika in izberite ‘Onemogoči’ ali ‘Odstrani’, ali uporabite modre gumbe v območju kode.
Naloga
Preizkusite svoje veščine: Ustvarite spletno stran življenjepisa z uporabo vscode.dev
Nadaljnje raziskovanje in samostojno učenje
- Poglobite se z uradno dokumentacijo VSCode Web.
- Raziščite napredne funkcije delovnega okolja, bližnjice na tipkovnici in nastavitve.
Zdaj ste pripravljeni na kodiranje, ustvarjanje in sodelovanje—od kjerkoli, na katerikoli napravi, z uporabo VSCode.dev!
Omejitev odgovornosti:
Ta dokument je bil preveden z uporabo storitve AI za prevajanje Co-op Translator. Čeprav si prizadevamo za natančnost, vas prosimo, da upoštevate, da lahko avtomatizirani prevodi vsebujejo napake ali netočnosti. Izvirni dokument v njegovem maternem jeziku je treba obravnavati kot avtoritativni vir. Za ključne informacije priporočamo profesionalni človeški prevod. Ne prevzemamo odgovornosti za morebitna nesporazumevanja ali napačne razlage, ki izhajajo iz uporabe tega prevoda.