Kuidas paigaldada SASS:

SASS ehk Syntactically Awesome Stylesheets on CSS-i laiendus ja aitab meil paindlikumaid stiile kirjutada. See lisab CSS-i põhikeelele rohkem jõudu. SASS on eeltöötluskeel, mis on kompileeritud CSS-i ja millel on erinevad tehnilised süntaksid. Koodi kirjutamine SASS-is ei lase brauseritel seda koodi tõlgendada, nagu see pole õige CSS, selle asemel, et brauserid seda tõlgendada ja mõista, vajame CSS-i kirjutatud koodi täiendamiseks kompilaatorit. Muutujaid, miksine, pesastatud reegleid, tekstisisest importimist jne saab SASS-is kasutada ühilduva CSS-i süntaksiga. Kompassi stiili raamatukogu abil hoiab Syntactically Awesome Stylesheets suuri stiililehti hästi korraldatuna ja võimaldab väikeste stiililehtede loomist väga lühikese aja jooksul. Koos selliste funktsioonidega nagu täielikult CSS-iga ühilduv platvorm ja sellised keelelaiendid nagu pesitsemine, miksimine, WTC, pakub see ka funktsioone, näiteks paljusid olulisi funktsioone värvide ja erinevate muude väärtuste käsitsemiseks. Sellel on ka muid lisafunktsioone, näiteks raamatukogude juhtimisdirektiivid, õigesti vormindatud, kohandatav väljund ja paljud teised.

Allpool on esitatud süsteeminõuded süntaktiliselt vinge stiililehtede installimiseks:

  • Opsüsteem - see võib olla mis tahes platvormiülene opsüsteem.
  • Programmeerimiskeel - programmeerimiskeel on Ruby.
  • Brauser - see võib olla mis tahes brauser, näiteks google chrome, Internet Explorer, safari, Mozilla Firefox, ooper jne.

SASSi installimise sammud:

Allpool on toodud toimingud süntaktiliselt vinge stiilistihete paketi installimiseks süsteemi.

Samm 1:

Laadige alla olev link kasutades alla Ruby praegune stabiilne versioon. See laadib alla ZIP-faili, mis tuleb edasiseks installimiseks lahti pakkida. Faili lahtipakkimiseks saab kasutada Winzipi või 7zipi.

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

2. samm:

Pärast lahti pakkimist installige Ruby süsteemi, järgides standardset installiprotseduuri.

3. samm:

Lisage kaust Ruby bin PATH-i kasutaja muutujale ja süsteemimuutujale, et see saaks töötada pärlkäsklustega.
PATH muutujate lisamiseks toimige järgmiselt.

  1. Esiteks paremklõpsake töölaual minu arvuti ikooni.
  2. Minge rippmenüüst atribuutide juurde.
  3. Pärast seda klõpsake vahekaardil Täpsemalt ja seejärel klõpsake keskkonnamuutujatel.
  • Kui keskkonnamuutujate aken avaneb, topeltklõpsake ülaosas muutujate all asuvat PATH. Allpool on ekraanipilt, mis seda näitab:

  • Topeltklõpsamisel PATH avaneb kasutaja muutuja redigeerimise aken. Lisage muutuja väärtuse väljale ruby ​​bin teekond kui C: \ Ruby \ bin. Kui muude failide jaoks on seatud teisi teid, pange semikoolon ja lisage rubiini tee. Allpool on ekraanipilt, mis seda näitab:

  • Ülesande lõpetamiseks klõpsake nuppu OK.

Süsteemi muutuja seadistamine:

  • Süsteemi all klõpsab muutuja sakk uut nuppu.
  • Pärast seda avaneb uus süsteemimuutuja aken. Täitke muutuja nime väljal RubyOpt ja muutuja väärtuse väljal RubyGems. Järgmisena klõpsake ülesande lõpetamiseks nuppu OK. Allpool on ekraanipilt, mis seda näitab:

4. samm:

Käivitage süsteemi käsureal käsk gem install Scss. See installib aknad süsteemi.

5. samm:

SASS eduka installimise korral kuvab alloleva ekraani. Kontrollige seda kinnituse saamiseks.

Allpool on toodud näide SASS-i põhirakendusest.


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

Loome peene näite.css, mis sarnaneb CSS-iga, eeldades, et see salvestatakse laiendiga .scss. See tuleb luua koos ht-failidega kausta ruby. Valikuliselt saab faili scss-faili salvestada kausta tee ruby ​​\ lib \ scss abil. Enne scss-faili loomist looge lib-kausta kausta sass.

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

SASSi saab suunata faili vaatama ja CSS-i värskendama, kui SCSS-failis on muudatusi. Allpool on käsk:

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

Ülaltoodud käsu käivitamisel loob see automaatselt faili example.css. Scss-faili muutmisel värskendatakse faili example.css automaatselt.

Ülaltoodud käsu käivitamisel luuakse fail example.css järgmise sisuga.

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

Muud kui ülaltoodud juhised, on ka SASSi installimise viisid:

Rakendusi on palju, mis pakuvad SASS-i installimiseks lihtsaid ja kasutajasõbralikke viise. Neid saab Internetist alla laadida. Neist vähesed tulevad tasuta, teised maksavad.

NPM-i saab kasutada ka SASS-i installimiseks juhuks, kui kasutaja kasutab sõlmi.js.

Seega saab ülaltoodud samm-sammult juhendi SASS edukalt süsteemi installida. Allpool on käsk:

npm install -g sass

Kuid pange tähele, et see install installib süntaktiliselt vingete stiililehtede puhta JavaScripti juurutamise, mis on suhteliselt aeglasem kui teised siin toodud meetodid, kuid sellel on siiski teiste meetoditega sama liides. Seega põhjustab aegluse korral mis tahes probleemi, kas kiiruse suurendamiseks on hilisemal ajal väga lihtne teisele teostusele üle minna.

Juhul, kui mõni kasutaja töötab Windowsi jaoks Chocolatey paketihaldurit, saab installida dart SASS. Allpool on käsk:

choco install sass

Kui mõni kasutaja kasutab Homebrew paketihaldurit Mac OS X jaoks, saab installida dart SASS. Allpool on käsk:

brew install sass/sass/sass

Seega pakub SASS koos nii paljude funktsioonidega laia valikut funktsioone, mida kasutatakse hõlpsamalt veebilehtede kujundamisel. SASS pakub erinevaid CSS-i laiendusi, näiteks pesastatud atribuute, kohahoidjate valikuid jne. Samuti toetab see SASS-skripte, mis pakuvad interaktiivset kesta programmeerimiseks koos erinevate muutujate, andmetüüpide, toimimise, funktsiooni, interpolatsiooni jms toetamisega. Samuti on installiprotsess nii lihtne. esinema. Kõigi oma funktsioonide lisamine pakub SASS-i erakordselt suurepärase platvormi töö veebi kujundamise ja muu jaoks.

Soovitatavad artiklid

See on SASS-i installimise juhend. Siin arutasime SASS-i installimise samm-sammulist protsessi. Lisateavet leiate ka meie muudest soovitatud artiklitest -

  1. .NET-i installimisjuhend
  2. Kuidas installida PostgreSQL?
  3. Erinevad sammud tüübikirja installimiseks
  4. Kuidas paigaldada Appium

Kategooria:

Tarkvaraarendus