Kako instalirati SASS:

SASS ili Syntactically Awesome Stylesheets je proširenje CSS-a i pomaže nam u pisanju fleksibilnijih stilova. To dodaje više snage osnovnom jeziku CSS-a. SASS je jezik za preradu koji se sastavlja u CSS i ima različite tehničke sintakse. Pisanje koda u SASS-u ne dopušta preglednicima da takav kôd tumače, ali nije CSS, već nam je potreban prevoditelj za dovršavanje koda koji pišemo u CSS kako bi ga pregledači mogli razumjeti i razumjeti. Varijable, mješavine, ugniježđena pravila, umetnuti uvoz itd. Mogu se koristiti u SASS-u s kompatibilnom CSS sintaksom. Uz pomoć biblioteke stilova kompasa, Syntactically Awesome Stylesheets održava sjajne listove stilova dobro organiziranim, a male tablice stilova se pokreću i pokreću u vrlo manje vremena. Uz značajke kao što su potpuno CSS kompatibilna platforma i jezična proširenja poput gniježđenja, mixinsa, WTC nudi i značajke poput mnogih važnih funkcija za upravljanje bojama i različitim drugim vrijednostima. Ona također ima i druge napredne značajke poput upravljačkih smjernica za knjižnice, pravilno oblikovane, prilagodljiv izlaz i mnoge druge.

Ispod su sistemski zahtjevi za instalaciju Syntactically Awesome Stylesheets:

  • Operativni sustav - To može biti bilo koji operacijski sustav na više platformi.
  • Programski jezik - Programski jezik je Ruby.
  • Preglednik - to može biti bilo koji preglednik kao što je google chrome, internet Explorer, safari, Mozilla Firefox, opera itd.

Koraci za instaliranje SASS:

Ispod su sljedeći koraci za instalaciju paketa Syntactically Awesome Stylesheets -

Korak 1:

Preuzmite trenutnu stabilnu verziju Ruby koristeći donju vezu. Preuzima se zip datoteka koju je potrebno raspakirati radi daljnje instalacije. Za raspakiranje datoteke možete koristiti Winzip ili 7zip.

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

Korak 2:

Nakon raspakivanja instalirajte Ruby u sustav slijedeći standardni postupak instalacije.

3. korak:

Dodajte mapu Ruby bin u PATH korisničku varijablu i sistemsku varijablu kako bi mogla raditi s gem naredbom.
Da biste dodali varijable PATH:

  1. Prvo, desnom tipkom miša kliknite na ikonu mog računala na radnoj površini.
  2. Idite na svojstva iz padajućeg izbornika.
  3. Nakon toga kliknite na naprednu karticu i nakon toga kliknite na varijable okoline.
  • Nakon što se otvori prozor varijabli okoline, dvaput kliknite na stupac PATH ispod varijabli na vrhu. Ispod je snimka zaslona:

  • Dvostrukim klikom na PATH otvorit će se prozor za uređivanje korisničke varijable. Dodajte putanju rubinskog kante u polje vrijednosti za varijablu kao C: \ Ruby \ bin. U slučaju da su postavljene druge staze za ostale datoteke, stavite točku i zarez i dodajte rubin stazu. Ispod je snimka zaslona:

  • Kliknite gumb U redu za dovršetak zadatka.

Postavljanje varijable sustava:

  • Pod sustavom, varijabilna kartica klikne na novi gumb.
  • Nakon toga otvorit će se novi sustav varijable sustava. Ispunite s RubyOpt u polju za naziv varijable i RubyGems u polju za vrijednost varijable. Zatim kliknite OK (U redu) da biste dovršili zadatak. Ispod je snimka zaslona:

4. korak:

U naredbenom retku sustava pokrenite naredbeni dragulj instalirajte Scss. Ovo će instalirati sass u sustav.

Korak 5:

SASS nakon uspješne instalacije prikazat će se donji ekran. Provjerite da biste dobili potvrdu.

Ispod je prikaz osnovne primjene programa 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

Stvorit ćemo precizne primjere.css sličan CSS-u, očekujemo činjenicu da će biti spremljen s .scss ekstenzijom. Ovo mora biti stvoreno unutar mape ruby ​​zajedno s .htm datotekama. Po želji, datoteka scss datoteke također se može spremiti s rubinom puta mape \ lib \ scss. Stvorite sass mapu u mapi lib prije stvaranja scss datoteke.

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

SASS se može usmjeriti na gledanje datoteke i ažuriranje CSS-a kad god se SCSS datoteka promijeni. Ispod je naredba:

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

Pokretanje gornje naredbe automatski će stvoriti example.css datoteku. Kad promijenite datoteku scss, primjerice.css datoteka će se automatski ažurirati.

Pokretanjem gornje naredbe kreirat će se datoteka example.css sa sljedećim sadržajem.

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

Osim gore navedenih koraka su i drugi načini instaliranja SASS-a:

Postoji puno aplikacija koje nude jednostavne i jednostavne načine instaliranja SASS-a. One se mogu preuzeti s interneta. Od toga, neki od njih dolaze besplatno, dok su drugi plaćeni.

NPM se može koristiti i za instaliranje SASS-a u slučaju da korisnik koristi node.js.

Dakle, u gornjem koraku, korak po korak vodič SASS može se uspješno instalirati u sustav. Ispod je naredba:

npm install -g sass

Ali imajte na umu da će ova instalacija instalirati čistu javascript implementaciju Syntactically Awesome Stylesheets koja je razmjerno sporija od ostalih ovdje navedenih metoda, ali ipak ima isto sučelje kao i druge metode. Stoga, u slučaju sporosti dolazi do problema ako će se u kasnijem vremenskom razdoblju vrlo jednostavno prebaciti na drugu primjenu radi povećanja brzine.

U slučaju da bilo koji korisnik pokrene Chocolatey upravitelj paketa za Windows, može se instalirati dart SASS. Ispod je naredba:

choco install sass

Ako bilo koji korisnik koristi Homebrew upravitelj paketa za Mac OS X, može se instalirati dart SASS. Ispod je naredba:

brew install sass/sass/sass

Stoga, uz toliko mnogo značajki, SASS ili Sintektički sjajni Stylesheets nudi širok spektar značajki koje se koriste s ciljem lakšeg dizajniranja web stranica. SASS pruža različita CSS proširenja poput ugniježđenih svojstava, odabira rezerviranog mjesta itd. Također podržava SASS skripte koje nude interaktivni okvir za programiranje zajedno s podrškom za različite varijable, vrste podataka, rad, funkciju, interpolaciju itd. Proces instalacije je tako jednostavno obavljati. Dodajući sve svoje značajke SASS pruža izuzetno odličan rad na platformi s web dizajnom i drugima.

Preporučeni članci

Ovo je vodič za instaliranje SASS-a. Ovdje smo razgovarali korak po korak za instalaciju SASS-a. Možete i proći naše druge predložene članke da biste saznali više -

  1. Kompletan vodič za instaliranje .NET
  2. Kako instalirati PostgreSQL?
  3. Različiti koraci za instalaciju Typescripta
  4. Kako instalirati Appium

Kategorija:

Razvoj softvera