← Přípravna

Lekce 2 z 4 ⏱ 15 minut

Instalace editoru VS Code

Nainstalujeme si program, ve kterém budeš psát kód. Je zdarma a používají ho i profíci.

Co je VS Code a proč zrovna ten

Visual Studio Code (říká se mu VS Code) je editor – program na psaní kódu. Představ si Word, ale pro programátory: kód ti barví, napovídá a upozorňuje na chyby. Je úplně zdarma a píší v něm weby i lidé z největších firem světa. Když se ho naučíš teď, už ti zůstane.

⚠️

Instaluj s dospělým. Ať u toho rodič sedí s tebou – instalace je bezpečná, ale je dobré, aby o všem, co se do počítače instaluje, věděl.

Instalace na Windows

  1. Otevři stránku code.visualstudio.com a klikni na velké modré tlačítko Download for Windows.

  2. Až se soubor stáhne, klikni na něj (najdeš ho v liště dole nebo ve složce Stažené soubory).

  3. Odsouhlas licenci (zaškrtni I accept the agreement) a pak už jen klikej na Next (Další). U kroku Select Additional Tasks zaškrtni Create a desktop icon, ať máš ikonu na ploše.

  4. Klikni na Install a počkej. Nakonec klikni na Finish – VS Code se spustí.

Instalace na Mac

  1. Otevři stránku code.visualstudio.com a klikni na Download for macOS.

  2. Až se soubor stáhne, najdi ho ve složce Stahování (Downloads). Pokud je to soubor .zip, dvojklikem ho rozbal.

  3. Objeví se modrá ikona Visual Studio Code. Přetáhni ji myší do složky Aplikace (Applications). Tím je nainstalováno.

  4. Otevři složku Aplikace a spusť Visual Studio Code dvojklikem. Poprvé se Mac zeptá, jestli program opravdu chceš otevřít – klikni na Otevřít.

Přepni si VS Code do češtiny

VS Code umí česky, jen mu to musíme říct:

  1. Vlevo na boční liště klikni na ikonu kostiček (Extensions – rozšíření). Vypadá jako čtyři čtverečky.

  2. Do vyhledávání nahoře napiš Czech.

  3. U položky Czech Language Pack for Visual Studio Code klikni na Install.

  4. Vpravo dole vyskočí okénko – klikni na Change Language and Restart. VS Code se restartuje a bude česky.

Kontrola: VS Code se spustí a menu nahoře je česky (Soubor, Úpravy, Výběr…). Jestli ano, máš hotovo a dílna je připravená!

Co si z téhle kapitoly odnést