Cum se instalează SASS:

SASS sau Syntactically Awesome Stylesheets este o extensie a CSS și ne ajută să scriem stiluri mai flexibile. Acest lucru adaugă mai multă putere limbajului de bază al CSS. SASS este un limbaj de preprocesare care este compilat în CSS și are diferite sintaxe tehnice. Scrierea codului în SASS nu permite browserelor să interpreteze codul ca acesta nu este CSS propriu-zis, ci avem nevoie de un compilator pentru a completa codul pe care îl scriem în CSS pentru ca browserele să le interpreteze și să le înțeleagă. Variante, mixine, reguli cuibărită, importuri inline etc. pot fi utilizate în SASS cu sintaxa CSS compatibilă. Cu ajutorul bibliotecii cu stil de busolă, foile de stil Syntactically Awesome păstrează foile mari de stil bine organizate și obțin fișe de stil mici și funcționează în foarte puțin timp. Alături de caracteristici precum platforma complet compatibilă CSS și extensii de limbaj, cum ar fi cuibărirea, mixinurile, WTC oferă, de asemenea, funcții precum multe funcții importante pentru a manipula culorile și alte alte valori. De asemenea, are alte funcții avansate, cum ar fi directive de control pentru biblioteci, formatate corespunzător, ieșire personalizabilă și multe altele.

Mai jos sunt cerințele de sistem pentru instalarea Syntactically Awesome Stylesheets:

  • Sistem de operare - Poate fi orice sistem de operare multiplă platformă.
  • Limbaj de programare - Limbajul de programare este Ruby.
  • Browser - Poate fi orice browser precum google chrome, internet explorer, safari, Mozilla Firefox, opera etc.

Pași pentru instalarea SASS:

Mai jos, pașii pentru instalarea pachetului de stiluri de stil Syntactically Awesome în sistem sunt următorii:

Pasul 1:

Descărcați versiunea stabilă curentă a Ruby folosind linkul de mai jos. Descarcă un fișier zip care trebuie dezarhivat pentru instalarea ulterioară. Winzip sau 7zip pot fi utilizate pentru a dezarhiva fișierul.

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

Pasul 2:

După decuplare, instalați Ruby în sistem urmând procedura de instalare standard.

Pasul 3:

Adăugați folderul Ruby bin la o variabilă de utilizator PATH și variabila de sistem, astfel încât să poată funcționa cu comanda gem.
Pentru a adăuga variabilele PATH:

  1. În primul rând, faceți clic dreapta pe pictograma computerului meu de pe desktop.
  2. Accesați proprietățile din meniul derulant.
  3. După aceea, faceți clic pe fila avansată și apoi faceți clic pe variabile de mediu.
  • După ce se deschide fereastra de variabile de mediu, faceți dublu clic pe PATH sub coloana variabilelor din partea de sus. Mai jos este ecranul care o arată:

  • Dacă faceți dublu clic pe PATH, se va deschide fereastra de modificare a utilizatorului. Adăugați calea rubinului în câmpul valoric pentru variabilă ca C: \ Ruby \ bin. În cazul în care există alte căi setate pentru alte fișiere, puneți doar un punct și virgulă și adăugați calea rubin. Mai jos este ecranul care o arată:

  • Faceți clic pe butonul Ok pentru a finaliza sarcina.

Setarea variabilei de sistem:

  • În cadrul sistemului, fila variabilă face clic pe noul buton.
  • După aceea, se va deschide noua fereastră a variabilei de sistem. Completați cu RubyOpt în câmp pentru numele variabilei și RubyGems în câmp pentru valoarea variabilei. Apoi faceți clic pe butonul OK pentru a termina sarcina. Mai jos este ecranul care o arată:

Pasul 4:

În promptul de comandă al sistemului executați gemul de comandă instalați Scss Aceasta va instala sass în sistem.

Pasul 5:

SASS la instalarea cu succes va oferi ecranul de mai jos. Verificați să vă confirmați.

Mai jos este prezentat un exemplu care arată o implementare de bază a 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

Vom crea o exemple fine.css, care este similar cu CSS, se așteaptă faptul că va fi salvat cu extensia .scss. Aceasta trebuie creată în folderul ruby ​​împreună cu fișierele .htm. Opțional, fișierul scss fișier poate fi salvat și cu calea folderului ruby ​​\ lib \ scss. Creați folderul sass în folderul lib înainte de a crea fișierul scss.

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

SASS poate fi direcționat să urmărească fișierul și să actualizeze CSS ori de câte ori există modificări în fișierul SCSS. Mai jos este comanda:

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

La rularea comenzii de mai sus va crea automat un fișier example.css. La modificarea fișierului scss, fișierul example.css va fi actualizat automat.

La rularea comenzii de mai sus, fișierul example.css va fi creat cu următorul conținut.

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

În afară de pașii de mai sus, sunt celelalte modalități de instalare a SASS:

Există o mulțime de aplicații care oferă modalități ușoare și ușor de utilizat de instalare a SASS. Acestea pot fi descărcate de pe internet. Dintre acestea, puține dintre acestea vin gratuit, în timp ce altele sunt plătite.

NPM poate fi folosit și pentru instalarea SASS în cazul în care utilizatorul utilizează node.js.

Astfel, în ghidul pas cu pas de mai sus SASS poate fi instalat cu succes într-un sistem. Mai jos este comanda:

npm install -g sass

Vă rugăm să rețineți că această instalare va instala o implementare javascript pură a foilor de stil Syntactically Awesome, care este comparativ mai lent decât alte metode date aici, dar are în continuare aceeași interfață a celorlalte metode. Astfel, în caz de încetinire cauzează orice problemă dacă va fi foarte ușor să treceți la o altă implementare într-un moment ulterior pentru a spori viteza.

În cazul în care un utilizator rulează managerul de pachete Chocolatey pentru Windows, dart SASS poate fi instalat. Mai jos este comanda:

choco install sass

În cazul unui utilizator care utilizează managerul de pachete Homebrew pentru Mac OS X, dart SASS poate fi instalat. Mai jos este comanda:

brew install sass/sass/sass

Astfel, împreună cu atât de multe funcții, foile de stil SASS sau Syntactically Awesome oferă o gamă largă de funcții utilizate pentru a proiecta pagini web cu mai multă ușurință. SASS oferă diferite extensii CSS, cum ar fi proprietăți cuibărită, selecții de locație, etc. De asemenea, acceptă scripturile SASS care oferă un shell interactiv pentru programare, precum și suport pentru diferite variabile, tipuri de date, funcționare, funcție, interpolare etc. Procesul de instalare este de asemenea atât de ușor de a executa. Adăugând toate caracteristicile sale, SASS oferă o platformă excepțional de excelentă, care funcționează fără proiectare web și altele.

Articole recomandate

Acesta a fost un ghid pentru Instalarea SASS. Aici am discutat Procesul pas cu pas pentru instalarea SASS. Puteți parcurge și alte articole sugerate pentru a afla mai multe -

  1. Ghid complet pentru instalarea .NET
  2. Cum se instalează PostgreSQL?
  3. Diferiți pași pentru instalarea tipografiei
  4. Cum se instalează Appium

Categorie:

Dezvoltare de software