Slik installerer du SASS:
SASS eller Syntactically Awesome Stylesheets er en utvidelse av CSS og hjelper oss å skrive mer fleksible stiler. Dette gir mer kraft til det grunnleggende språket til CSS. SASS er et forbehandlingsspråk som er kompilert til CSS og har forskjellige tekniske syntaks. Å skrive kode i SASS lar ikke nettleserne tolke koden som at det ikke er riktig CSS, i stedet trenger vi en kompilator for å fullføre koden vi skriver til CSS for at nettleserne skal tolke og forstå den. Variabler, mixins, nestede regler, inline import osv. Kan brukes i SASS med kompatibel CSS-syntaks. Ved hjelp av kompassstilbibliotek holder Syntactically Awesome Stylesheets store stilark godt organisert og får små stilark igang på veldig kortere tid. Sammen med funksjoner som fullt CSS-kompatibel plattform og språkutvidelser som hekking, mixins, WTC gir den også funksjoner som mange viktige funksjoner for å manipulere farger og forskjellige andre verdier. Den har også andre avanserte funksjoner som kontrolldirektiver for biblioteker, riktig formatert, tilpassbar utgang og mange andre.
Nedenfor er systemkrav for Syntactically Awesome Stylesheets-installasjon:
- Operativsystem - Det kan være et hvilket som helst operativsystem på tvers av plattformer.
- Programmeringsspråk - Programmeringsspråket er Ruby.
- Nettleser - Det kan være hvilken som helst nettleser som Google Chrome, Internet Explorer, safari, Mozilla Firefox, opera, etc.
Trinn for å installere SASS:
Nedenfor er trinnene for å installere Syntactically Awesome Stylesheets-pakken i systemet:
Trinn 1:
Last ned den nåværende stabile versjonen av Ruby ved hjelp av lenken nedenfor. Den laster ned en zip-fil som må pakkes ut for videre installasjon. Winzip eller 7zip kan brukes til å pakke ut filen.
https://www.ruby-lang.org/en/downloads/
Steg 2:
Etter å ha pakket ut, installer Ruby i systemet etter standard installasjonsprosedyre.
Trinn 3:
Legg til Ruby bin-mappen til en PATH-brukervariabel og systemvariabelen slik at den kan fungere med perlekommando.
Slik legger du til PATH-variablene:
- Høyreklikk først på datamaskinikonet mitt på skrivebordet.
- Gå til egenskaper fra rullegardinmenyen.
- Deretter klikker du på den avanserte fanen og deretter klikker du på miljøvariabler.
- Etter at miljøvariabler åpnes dobbeltklikker du på PATH under variabler-kolonnen øverst. Nedenfor er skjermdumpen som viser det:
- Når du dobbeltklikker på PATH, kan du redigere brukervariabelvinduet. Legg til rubinbakkebane i verdifeltet for variabelen som C: \ Ruby \ bin. I tilfelle det er andre baner satt for andre filer, bare legg en semikolon og legg til rubinbanen. Nedenfor er skjermdumpen som viser det:
- Klikk på OK-knappen for å fullføre oppgaven.
Innstilling av systemvariabel:
- Under systemet klikker variabelfanen på den nye knappen.
- Etter det åpnes det nye systemvariabelvinduet. Fyll ut med RubyOpt i feltet for variabelnavn og RubyGems i feltet for variabelverdien. Klikk deretter OK-knappen for å fullføre oppgaven. Nedenfor er skjermdumpen som viser det:
Trinn 4:
I kommandoprompten til systemet, kjør kommandoen gem install Scss. Dette vil installere sass i systemet.
Trinn 5:
SASS når du blir installert med hell vil gi skjermbildet nedenfor. Sjekk det for å bli bekreftet.
Nedenfor er et eksempel som viser en grunnleggende implementering av 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
SASS example
Example
It is a bright and sunny day
SASS example
Example
It is a bright and sunny day
Vi vil lage gode eksempler.css som ligner på CSS forventer at det blir lagret med .scss forlengelse. Dette må opprettes i rubinmappen sammen med .htm-filene. Valgfritt kan filen scss-filen også lagres med mappebanen ruby \ lib \ scss. Lag mappen sass i lib-mappen før du oppretter scss-filen.
h1( color: #AF80ED; ) h3( color: #DE5E85; )
SASS kan henvises til å se på filen og oppdatere CSS når det er endringer i SCSS-filen. Nedenfor er kommandoen:
sass --watch C:\ruby\lib\sass\ example.scss: example.css
Når du kjører kommandoen ovenfor, vil den automatisk opprette en eksempel.css-fil. Når du endrer scss-filen, oppdateres eksempelet.css-filen automatisk.
Når du kjører kommandoen ovenfor, opprettes eksemplet.css-filen med følgende innhold.
h1( color: #AF80ED; ) h3( color: #DE5E85; )
Annet enn trinnene nedenfor er de andre måtene å installere SASS på:
Det er mange applikasjoner som tilbyr enkle og brukervennlige måter å installere SASS på. Disse kan lastes ned fra internett. Av disse er det få av disse som kommer gratis mens andre blir betalt.
NPM kan også brukes til å installere SASS i tilfelle brukeren bruker node.js.
I det ovennevnte trinnvise veiledning kan SASS installeres i et system. Nedenfor er kommandoen:
npm install -g sass
Men vær oppmerksom på at denne installasjonen vil installere ren javascriptimplementering av Syntactically Awesome Stylesheets, som er relativt tregere enn andre metoder gitt her, men fortsatt har det samme grensesnittet til de andre metodene. I tilfelle av langsomhet forårsaker således ethvert problem hvis det vil være veldig enkelt å bytte til en annen implementering på et senere tidspunkt for å øke hastigheten.
I tilfelle hvis noen brukere kjører Chocolatey Packaging Manager for Windows, kan dart SASS installeres. Nedenfor er kommandoen:
choco install sass
Hvis noen bruker Homebrew-pakkehåndtereren for Mac OS X, kan dart SASS installeres. Nedenfor er kommandoen:
brew install sass/sass/sass
Sammen med så mange funksjoner tilbyr SASS eller Syntactically Awesome Stylesheets et bredt spekter av funksjoner som brukes til å utforme websider med enklere muligheter. SASS tilbyr forskjellige CSS-utvidelser som nestede egenskaper, valg av plassholder osv. Den støtter også SASS-skripter som tilbyr interaktive skall for programmering sammen med støtte for forskjellige variabler, datatyper, drift, funksjon, interpolering, etc. Installasjonsprosessen er også så enkel å utføre. Å legge til alle funksjonene SASS gir et usedvanlig flott plattformarbeid med nettdesign og andre.
Anbefalte artikler
Dette har vært en guide til Installering av SASS. Her diskuterte vi trinnvis prosess for å installere SASS. Du kan også gå gjennom andre foreslåtte artikler for å lære mer -
- Komplett guide for å installere .NET
- Hvordan installerer PostgreSQL?
- Ulike trinn for å installere Typescript
- Slik installerer du Appium