Cvičení – použití editoru Visual Studio Code pro web

  • 2 min

Než začnete s psaním kódu na cestách, musíte se poprvé seznámit se sadou Visual Studio Code pro web.

V tomto cvičení prozkoumáte VS Code pro webové rozhraní a procvičíte si instalaci rozšíření.

Nejprve prozkoumáte rozhraní VS Code pro web.

  1. V prohlížeči přejděte na https://vscode.dev

  2. Prostředí v prohlížeči vypadá podobně jako v desktopové verzi VS Code. Máte například oblast editoru, paletu příkazů a několik zobrazení, jako je Průzkumník správy zdrojového kódu a Rozšíření, na bočním panelu. Toto rozhraní poskytuje konzistentní prostředí při práci v prohlížeči.

    Snímek obrazovky s cílovou stránkou vscode.dev

Instalace rozšíření

Teď můžete VS Code pro web přizpůsobit instalací rozšíření.

  1. Na bočním panelu klikněte na zobrazení Rozšíření.

    Snímek obrazovky s ikonou zobrazení rozšíření na panelu aktivit VS Code

  2. Tady uvidíte, jaká rozšíření jsou už nainstalovaná, a procházet další rozšíření.

  3. Zkuste nainstalovat rozšíření motivu GitHubu vyhledáním motivu githubu.

  4. Vyberte rozšíření motivu GitHubu a klikněte na Nainstalovat.

    Snímek obrazovky rozšíření s motivem GitHubu ve VS Code, který zvýrazňuje vyhledávací pole a tlačítko Instalovat.

  5. Všimněte si, jak rychle se rozšíření nainstaluje, a to vše v prohlížeči.

Skvělá práce! Dokončili jste počáteční navigaci nástroje VS Code pro web. I když jste se k tomuto tématu https://vscode.devdostali poprvé, měl by to vypadat dobře, pokud jste používali desktopovou verzi VS Code.

V další části se dozvíte, jak pracovat se vzdálenými úložišti ve VS Code pro web.