Sass (Syntactically Awesome Style Sheets) je preprocesor CSS, který rozšiřuje možnosti běžných stylových tabulek. Umožňuje použití proměnných, mixů, přílohy pravidel a dalších funkcí, díky nimž je proces psaní CSS efektivnější a flexibilnější. Instalace Sass na Windows 10 je snadný úkol, který vám pomůže začít využívat všechny funkce tohoto nástroje.
V tomto článku vám řekneme, jak nainstalovat Sass do počítače se systémem Windows 10. Proces se skládá z několika kroků a každý z nich podrobně rozebereme. Budete moci snadno postupovat podle pokynů a nainstalovat Sass bez problémů.
Než začnete, ujistěte se, že váš počítač již má Node nainstalovaný.js. Pokud jej nemáte, musíte jej nainstalovat před instalací Sass. Node.js je runtime prostředí, které vám umožňuje spustit JavaScript kód na straně serveru. Dodává se také s dávkovým manažerem npm, který použijeme k instalaci Sass.
Stáhnout Ruby Installer
Chcete-li nainstalovat Sass na Windows 10, musíte si nejprve stáhnout Ruby Installer, protože Sass funguje na bázi Ruby. Zde je krok za krokem návod, jak stáhnout a nainstalovat Ruby Installer:
1. Otevřete webový prohlížeč a přejděte na oficiální stránky Ruby Installer na https://rubyinstaller.org/downloads/.
2. Vyberte vhodnou verzi Ruby Installer pro váš operační systém Windows 10. Pokud máte 64bitovou verzi Windows, vyberte odkaz označený " Ruby+Devkit 2.X.X (x64)". Pokud máte 32bitovou verzi Windows, vyberte odkaz označený " Ruby+Devkit 2.X.X (x86)".
3. Stáhněte si instalační soubor Ruby Installer kliknutím na odkaz. Instalační soubor má obvykle příponu .exe.
4. Spusťte instalační soubor Ruby Installer a postupujte podle pokynů průvodce instalací. Ve výchozím nastavení lze všechna nastavení ponechat beze změny.
5. Během instalace Ruby se ujistěte, že "Add Ruby executables to your PATH". To umožní příkazům Ruby spustit z příkazového řádku, aniž byste zadali úplnou cestu k spustitelnému souboru Ruby.
Po dokončení instalace Ruby Installer budete mít v počítači nainstalovanou nejnovější verzi Ruby. Nyní jste připraveni přejít na instalaci Sass.
Instalace Ruby
Chcete-li pracovat se Sassem na Windows, musíte nainstalovat Ruby, programovací jazyk, na kterém Sass běží. Chcete-li nainstalovat Ruby na Windows 10, postupujte podle pokynů níže.
Krok 1: Přejděte na oficiální web Ruby na adrese https://rubyinstaller.org/downloads/.
Krok 2: na stránce vyberte verzi Ruby vhodnou pro váš systém. Doporučujeme zvolit verzi Ruby 2.7 nebo novější.
Krok 3: Po stažení instalačního programu jej spusťte poklepáním na stažený soubor.
Krok 4: V instalačním programu Ruby vyberte jazyk, systémovou a instalační cestu. Pokud nevíte, co máte dělat, doporučujeme ponechat výchozí nastavení.
Krok 5: v okně instalačního programu zaškrtněte políčko "Add Ruby executables to your PATH" a přidejte cestu Ruby do systémové proměnné PATH. To vám umožní používat Ruby z příkazového řádku.
Krok 6: klepnutím na "Install" zahájíte instalaci Ruby. Počkejte, až instalace skončí.
Krok 7: Po instalaci Ruby uvidíte okno oznamující úspěšné dokončení instalace. Klepnutím na" Finish " zavřete instalační program.
Gratuluji! Ruby je úspěšně nainstalován na vašem počítači se systémem Windows 10. Nyní jste připraveni přejít na instalaci Sass.
Kontrola instalace Ruby
Chcete-li zkontrolovat instalaci Ruby, postupujte podle následujících kroků:
- Otevřete příkazový řádek (klávesová zkratka Windows + R, zadejte "cmd" a stiskněte Enter).
- Zadejte příkaz "ruby-v" (bez uvozovek) a stiskněte Enter. Pokud máte nainstalovanou Ruby, uvidíte verzi Ruby v závěru příkazu (například "ruby 2.7.1").
- Pokud Ruby není nainstalován, zobrazí se chybová zpráva. V takovém případě musíte nainstalovat Ruby tak, že přejdete na oficiální stránky Ruby a stáhnete instalační program pro Windows. Spusťte instalační program a postupujte podle pokynů na obrazovce pro instalaci Ruby.
- Opakujte kroky 1-2 a zkontrolujte, zda je Ruby úspěšně nainstalován.
Nyní, když je Ruby nainstalován, jste připraveni nainstalovat Sass na Windows 10. Pokračujte ve čtení pro podrobný návod.
Instalace DevKit
- Nejprve si stáhněte nejnovější verzi DevKit odtud. Všimněte si, jakou verzi Ruby máte nainstalovanou (32bitovou nebo 64bitovou) a vyberte příslušnou možnost DevKit.
- Po stažení DevKit vytvořte v počítači novou složku a rozbalte obsah archivu do této složky.
- Spusťte příkazový řádek systému Windows (cmd) a přejděte do složky, kde se nachází DevKit, pomocí příkazu cd track_k_pk .
- V příkazovém řádku spusťte následující příkaz:
ruby dk.rb init
Tento příkaz inicializuje DevKit a vytvoří soubor `config.yml`.
- Otevřete soubor ' config.yml ' v textovém editoru a přidejte cestu k nainstalované složce Ruby:
- C:/путь_к_установленной_папке_Ruby
- Uložte soubor ' config.yml ' a zavřete to.
- V příkazovém řádku spusťte následující příkaz:
ruby dk.rb install
Tento příkaz nainstaluje DevKit a přidá jej do vaší instalace Ruby.
Po úspěšné instalaci DevKit můžete přejít k dalšímu kroku a nainstalovat Sass do počítače.