Kako namestiti SASS:

SASS ali Syntactically Awesome Stylesheets je podaljšek CSS-a in nam pomaga, da pišemo bolj prilagodljive sloge. To doda več moči osnovnemu jeziku CSS. SASS je jezik za predobdelavo, ki je sestavljen v CSS in ima različne tehnične skladnje. Pisanje kode v SASS brskalnikom ne dopušča, da bi to kodo razlagali, kot da ni ustrezen CSS, namesto tega pa potrebujemo prevajalnik, da dokončamo kodo, ki jo pišemo v CSS, da jo brskalniki razlagajo in razumejo. Spremenljivke, kombinacije, ugnezdena pravila, vhodni uvoz itd. Se lahko uporabljajo v sistemu SASS z združljivo skladnjo CSS. S pomočjo knjižnice v slogu kompasa Syntactically Awesome Stylesheets ohranja velike slogovne liste dobro urejene, majhne stilske liste pa se začnejo izvajati v zelo manj časa. Skupaj s funkcijami, kot so v celoti združljivi s CSS platformo in jezikovnimi razširitvami, kot so gnezdenje, mixins, WTC ponuja tudi funkcije, kot so številne pomembne funkcije za upravljanje barv in različnih drugih vrednosti. Ima tudi druge napredne funkcije, kot so krmilne smernice za knjižnice, pravilno oblikovano, prilagodljiv izhod in številne druge.

Spodaj so sistemske zahteve za namestitev sintaktično odličnih stilov:

  • Operacijski sistem - Lahko je kateri koli operacijski sistem na več platformah.
  • Programski jezik - Programski jezik je Ruby.
  • Brskalnik - To je lahko kateri koli brskalnik, kot je google chrome, internet Explorer, safari, Mozilla Firefox, opera itd.

Koraki za namestitev SASS:

Spodaj so naslednji koraki za namestitev paketa Syntactically Awesome Stylesheets v sistem:

Korak 1:

Prenesite trenutno stabilno različico Ruby s spodnjo povezavo. Naloži zip datoteko, ki jo je treba za nadaljnjo namestitev razpakirati. Winzip ali 7zip lahko uporabite razprti datoteko.

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

2. korak:

Po odklepanju namestite Ruby v sistem po standardnem postopku namestitve.

3. korak:

Dodajte mapo Ruby bin uporabniški spremenljivki PATH in sistemski spremenljivki, da bo lahko delovala z ukazom gem.
Če želite dodati spremenljivke PATH:

  1. Najprej z desnim gumbom miške kliknite ikono mojega računalnika na namizju.
  2. V spustnem meniju pojdite na lastnosti.
  3. Po tem kliknite na napredni zavihek in nato na spremenljivke okolja.
  • Ko se odpre okno spremenljivk okolja, dvakrat kliknite na stolpec PATH pod spremenljivkami na vrhu. Spodaj je posnetek zaslona, ​​ki prikazuje:

  • Ob dvojnem kliku na PATH se odpre okno za urejanje uporabniške spremenljivke. V vrednostno polje za spremenljivko dodajte pot rubin koša, kot C: \ Ruby \ bin. V primeru, da obstajajo druge poti za druge datoteke, samo podpičje in dodajte rubinovo pot. Spodaj je posnetek zaslona, ​​ki prikazuje:

  • Za zaključek naloge kliknite gumb V redu.

Nastavitev sistemske spremenljivke:

  • Pod sistemom jeziček spremenljivke klikne nov gumb.
  • Po tem se bo odprlo novo okno sistemske spremenljivke. Izpolnite z RubyOpt v polju za ime spremenljivke in RubyGems v polju za vrednost spremenljivke. Nato kliknite gumb V redu, da končate nalogo. Spodaj je posnetek zaslona, ​​ki prikazuje:

4. korak:

V ukaznem pozivu sistema zaženite ukazni gem namestite Scss. To bo namestilo sass v sistem.

5. korak:

SASS ob uspešni namestitvi bo prikazan spodaj zaslon. Preverite, če želite dobiti potrditev.

Spodaj je prikaz osnovnega izvajanja sistema 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

Ustvarjali bomo natančen example.css, ki je podoben CSS-ju, pričakujem, da bo shranjen z .scss končnico. To je treba ustvariti znotraj mape ruby ​​skupaj z datotekami .htm. Po želji lahko datoteko scss shranite tudi s potjo ruby ​​\ lib \ scss. Pred ustvarjanjem datoteke scss ustvarite sass mapo v mapi lib.

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

SASS se lahko usmeri k ogledu datoteke in posodabljanju CSS, kadar koli se v datoteki SCSS spremenijo. Spodaj je ukaz:

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

Ob zagonu zgornjega ukaza bo samodejno ustvaril datoteko example.css. Ko spremenite datoteko scss, se datoteka example.css samodejno posodobi.

Ob zagonu zgornjega ukaza bo datoteka example.css ustvarjena z naslednjo vsebino.

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

Poleg zgornjih korakov so tudi drugi načini namestitve sistema SASS:

Obstaja veliko aplikacij, ki ponujajo enostavne in uporabnikom prijazne načine namestitve SASS. Te lahko naložite z interneta. Od teh jih nekaj pride brezplačno, drugi pa so plačani.

NPM se lahko uporablja tudi za namestitev SASS v primeru, da uporabnik uporablja node.js.

Tako lahko v zgornjem koraku po korakih vodnik SASS uspešno namestimo v sistem. Spodaj je ukaz:

npm install -g sass

Prosimo, upoštevajte, da bo ta namestitev namestila čisto javascript implementacijo Syntactically Awesome Stylesheets, ki je sorazmerno počasnejša od drugih metod, podanih tukaj, vendar ima še vedno isti vmesnik kot druge metode. Tako v primeru počasnosti povzroči kakršno koli težavo, če bo zelo enostavno v poznejšem času preiti na drugo izvedbo za povečanje hitrosti.

V primeru, da kateri koli uporabnik zažene upravitelja paketov Chocolatey za Windows, lahko namesti dart SASS. Spodaj je ukaz:

choco install sass

V primeru, da uporabnik, ki uporablja upravljalnik paketov Homebrew za Mac OS X, lahko namesti dart SASS. Spodaj je ukaz:

brew install sass/sass/sass

Tako skupaj s toliko funkcijami SASS ali Syntactically Awesome Stylesheets ponuja širok nabor funkcij, ki se uporabljajo za oblikovanje spletnih strani z večjo lahkoto. SASS ponuja različne razširitve CSS, kot so ugnezdene lastnosti, izbira nadomestnih mest itd. Podpira tudi SASS skripte, ki ponujajo interaktivno lupino za programiranje, skupaj s podporo za različne spremenljivke, vrste podatkov, delovanje, funkcijo, interpolacijo itd. Postopek namestitve je tako enostavno izvajati. Če dodamo vse njegove lastnosti, SASS zagotavlja izjemno odlično platformo pri spletnem oblikovanju in drugih.

Priporočeni članki

To je vodnik za namestitev SASS-a. Tu smo razpravljali o koraku po koraku za namestitev SASS. Če želite izvedeti več, lahko preberete tudi druge naše predlagane članke -

  1. Celoten vodnik za namestitev .NET
  2. Kako namestiti PostgreSQL?
  3. Različni koraki za namestitev Typescripta
  4. Kako namestiti Appium

Kategorija:

Razvoj programske opreme