Jak nainstalovat SASS:

SASS nebo Syntactically Awesome Stylesheets je rozšíření CSS a pomáhá nám psát flexibilnější styly. To přidává větší sílu do základního jazyka CSS. SASS je předzpracovávací jazyk, který je kompilován do CSS a má různé technické syntaxe. Psaní kódu v SASS neumožňuje prohlížečům interpretovat kód, jako to není správné CSS, místo toho potřebujeme kompilátor k dokončení kódu, který zapíšeme do CSS, aby jej prohlížeče interpretovaly a porozuměly mu. Proměnné, mixiny, vnořená pravidla, inline import atd. Lze použít v SASS s kompatibilní syntaxí CSS. S pomocí knihovny kompasových stylů udržuje Syntakticky úžasné stylové listy velké přehledy stylů a přehledně uspořádat malé stylové listy a provozovat je ve velmi kratším čase. Spolu s funkcemi, jako je plně kompatibilní platforma CSS, a jazykovými rozšířeními, jako je vnoření, mixiny, WTC, poskytuje také funkce jako mnoho důležitých funkcí pro manipulaci s barvami a různými jinými hodnotami. Má také další pokročilé funkce, jako jsou řídicí direktivy pro knihovny, správně naformátovaný, přizpůsobitelný výstup a mnoho dalších.

Níže jsou uvedeny systémové požadavky na instalaci Syntakticky úžasných stylů:

  • Operační systém - Může to být jakýkoli multiplatformní operační systém.
  • Programovací jazyk - Programovacím jazykem je Ruby.
  • Prohlížeč - Může to být jakýkoli prohlížeč, jako je Google Chrome, internetový prohlížeč, safari, Mozilla Firefox, opera atd.

Kroky k instalaci SASS:

Níže jsou uvedeny kroky pro instalaci balíčku Syntactically Awesome Stylesheets do systému:

Krok 1:

Stáhněte si aktuální stabilní verzi Ruby pomocí odkazu níže. Stáhne soubor zip, který musí být pro další instalaci rozbalen. K rozbalení souboru lze použít Winzip nebo 7zip.

https://www.ruby-lang.org/en/downloads/

Krok 2:

Po rozbalení nainstalujte Ruby do systému podle standardního postupu instalace.

Krok 3:

Přidejte složku Ruby bin do uživatelské proměnné PATH a systémové proměnné, aby mohla pracovat s příkazem gem.
Chcete-li přidat proměnné PATH:

  1. Nejprve klikněte pravým tlačítkem myši na ikonu mého počítače na ploše.
  2. V rozbalovací nabídce přejděte na položku Vlastnosti.
  3. Poté klikněte na záložku Upřesnit a poté klikněte na proměnné prostředí.
  • Poté, co se otevře okno proměnných prostředí, dvakrát klikněte na sloupec PATH pod proměnnými nahoře. Níže je uveden obrázek obrazovky:

  • Dvojitým kliknutím na PATH se otevře okno Upravit uživatelskou proměnnou. Do pole hodnoty proměnné přidejte cestu ruby ​​bin jako C: \ Ruby \ bin. V případě, že existují jiné cesty pro jiné soubory, vložte středník a přidejte rubínovou cestu. Níže je uveden obrázek obrazovky:

  • Klepnutím na tlačítko OK dokončete úlohu.

Nastavení systémové proměnné:

  • V systému klikne na proměnné na nové tlačítko.
  • Poté se otevře nové okno systémové proměnné. Vyplňte RubyOpt do pole pro název proměnné a RubyGems do pole pro hodnotu proměnné. Poté klepnutím na tlačítko OK dokončete úlohu. Níže je uveden obrázek obrazovky:

Krok 4:

V příkazovém řádku systému spusťte příkaz gem install Scss. Tím se do systému nainstaluje sass.

Krok 5:

SASS o úspěšné instalaci dá dole obrazovku. Zkontrolujte, zda chcete získat potvrzení.

Níže je uveden příklad základní implementace SASS.


SASS example

Example
It is a bright and sunny day


SASS example

Example
It is a bright and sunny day


SASS example

Example
It is a bright and sunny day


SASS example

Example
It is a bright and sunny day


SASS example

Example
It is a bright and sunny day

Budeme vytvářet jemné příklady.css, které jsou podobné CSS, očekávají skutečnost, že bude uložena s příponou .scss. To musí být vytvořeno uvnitř složky rubín společně se soubory .htm. Volitelně lze soubor scss souboru také uložit pomocí složky ruby ​​\ lib \ scss. Před vytvořením souboru scss vytvořte složku lib ve složce lib.

h1( color: #AF80ED; ) h3( color: #DE5E85; )

SASS lze nařídit, aby sledoval soubor a aktualizoval CSS, kdykoli dojde ke změně v souboru SCSS. Níže je příkaz:

sass --watch C:\ruby\lib\sass\ example.scss: example.css

Po spuštění výše uvedeného příkazu automaticky vytvoří soubor example.css. Při změně souboru scss bude soubor example.css automaticky aktualizován.

Po spuštění výše uvedeného příkazu bude vytvořen soubor example.css s následujícím obsahem.

h1( color: #AF80ED; ) h3( color: #DE5E85; )

Jiné než výše uvedené kroky jsou další způsoby instalace SASS:

Existuje mnoho aplikací, které nabízejí snadné a uživatelsky přívětivé způsoby instalace SASS. Ty si můžete stáhnout z internetu. Z nich jen málo z nich přichází zdarma, zatímco ostatní jsou placeni.

NPM lze také použít k instalaci SASS v případě, že uživatel používá node.js.

Ve výše uvedeném průvodci krok za krokem lze tedy SASS úspěšně nainstalovat do systému. Níže je příkaz:

npm install -g sass

Vezměte však na vědomí, že tato instalace nainstaluje čistou implementaci javascriptu Syntactically Awesome Stylesheets, která je relativně pomalejší než jiné metody uvedené zde, ale přesto má stejné rozhraní jako ostatní metody. V případě zpomalení tedy způsobí jakýkoli problém, pokud bude v pozdějším čase velmi snadné přejít na jinou implementaci, aby se zvýšila rychlost.

V případě, že nějaký uživatel spustí správce balíčků Chocolatey pro Windows, lze nainstalovat šipku SASS. Níže je příkaz:

choco install sass

V případě, že uživatel používá správce balíků Homebrew pro Mac OS X, lze nainstalovat šipku SASS. Níže je příkaz:

brew install sass/sass/sass

Spolu s tolika funkcemi nabízí SASS nebo Syntactically Awesome Stylesheets také širokou škálu funkcí, které se používají pro snadnější vytváření webových stránek. SASS poskytuje různá rozšíření CSS, jako jsou vnořené vlastnosti, výběr zástupných symbolů atd. Podporuje také skripty SASS, které nabízejí interaktivní prostředí pro programování spolu s podporou různých proměnných, datových typů, operací, funkcí, interpolace atd. Proces instalace je také tak snadný provést. Přidání všech jeho funkcí SASS poskytuje výjimečně skvělou platformovou práci s web designem a dalšími.

Doporučené články

Toto byl průvodce instalací SASS. Zde jsme probrali postup krok za krokem k instalaci SASS. Další informace naleznete také v dalších navrhovaných článcích -

  1. Kompletní průvodce instalací .NET
  2. Jak nainstalovat PostgreSQL?
  3. Různé kroky k instalaci strojopisu
  4. Jak nainstalovat Appium

Kategorie:

Vývoj softwaru