Come installare SASS:

I fogli di stile SASS o sintatticamente fantastici sono un'estensione dei CSS e ci aiutano a scrivere stili più flessibili. Ciò aggiunge più potenza al linguaggio di base dei CSS. SASS è un linguaggio di preelaborazione che viene compilato in CSS e ha diverse sintassi tecniche. La scrittura di codice in SASS non consente ai browser di interpretare il codice in modo che non sia un CSS corretto, ma è necessario un compilatore per completare il codice che scriviamo in CSS affinché i browser possano interpretarlo e comprenderlo. Variabili, mixin, regole nidificate, importazioni in linea, ecc. Possono essere utilizzate in SASS con sintassi CSS compatibile. Con l'aiuto della libreria in stile bussola, i fogli di stile sintatticamente fantastici mantengono ben organizzati i fogli di stile di grandi dimensioni e mettono in funzione fogli di stile di piccole dimensioni in pochissimo tempo. Oltre a funzionalità come piattaforma completamente compatibile con CSS ed estensioni di linguaggio come annidamento, mixin, WTC fornisce anche funzioni come molte funzioni importanti per manipolare i colori e altri valori. Ha anche altre funzionalità avanzate come direttive di controllo per le librerie, output formattato correttamente, personalizzabile e molti altri.

Di seguito sono riportati i requisiti di sistema per l'installazione di Fogli di stile sintatticamente fantastici:

  • Sistema operativo : può essere qualsiasi sistema operativo multipiattaforma.
  • Linguaggio di programmazione - Il linguaggio di programmazione è Ruby.
  • Browser - Può essere qualsiasi browser come Google Chrome, Internet Explorer, Safari, Mozilla Firefox, Opera, ecc.

Passaggi per installare SASS:

Di seguito sono riportati i passaggi per installare il pacchetto di fogli di stile sintatticamente fantastici nel sistema:

Passo 1:

Scarica l'attuale versione stabile di Ruby usando il link qui sotto. Scarica un file zip che deve essere decompresso per ulteriore installazione. Winzip o 7zip possono essere usati per decomprimere il file.

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

Passo 2:

Dopo aver decompresso, installare Ruby nel sistema seguendo la procedura di installazione standard.

Passaggio 3:

Aggiungi la cartella del cestino Ruby a una variabile utente PATH e la variabile di sistema in modo che possa funzionare con il comando gem.
Per aggiungere le variabili PATH:

  1. Innanzitutto, fai clic destro sull'icona del mio computer sul desktop.
  2. Vai alle proprietà dal menu a discesa.
  3. Successivamente, fai clic sulla scheda Avanzate e, successivamente, fai clic su Variabili d'ambiente.
  • Dopo l'apertura della finestra delle variabili di ambiente, fare doppio clic sul PERCORSO nella colonna delle variabili in alto. Di seguito è mostrato lo screenshot che lo mostra:

  • Facendo doppio clic su PATH, si aprirà la finestra di modifica della variabile utente. Aggiungi il percorso del cestino nel campo del valore per la variabile come C: \ Ruby \ bin. Nel caso in cui ci siano altri percorsi impostati per altri file basta inserire un punto e virgola e aggiungere il percorso ruby. Di seguito è mostrato lo screenshot che lo mostra:

  • Fare clic sul pulsante OK per completare l'attività.

Impostazione della variabile di sistema:

  • Sotto il sistema, la scheda variabile fa clic sul nuovo pulsante.
  • Successivamente, si aprirà la nuova finestra della variabile di sistema. Compilare con RubyOpt nel campo per il nome della variabile e RubyGems nel campo per il valore della variabile. Quindi fare clic sul pulsante OK per completare l'attività. Di seguito è mostrato lo screenshot che lo mostra:

Step 4:

Nel prompt dei comandi del sistema, eseguire il comando gem install Scss. Questo installerà sass nel sistema.

Passaggio 5:

SASS su come essere installato correttamente darà la seguente schermata. Controllalo per essere confermato.

Di seguito è riportato un esempio che mostra un'implementazione di base di 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

Creeremo un ottimo esempio.css che è simile al CSS, prevedendo che verrà salvato con l'estensione .scss. Questo deve essere creato all'interno della cartella ruby ​​insieme ai file .htm. Facoltativamente, il file scss può anche essere salvato con il percorso della cartella ruby ​​\ lib \ scss. Creare la cartella sass nella cartella lib prima di creare il file scss.

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

SASS può essere indirizzato a guardare il file e ad aggiornare il CSS ogni volta che c'è qualche cambiamento nel file SCSS. Di seguito è riportato il comando:

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

Eseguendo il comando sopra, verrà creato automaticamente un file example.css. Modificando il file scss, il file example.css verrà aggiornato automaticamente.

Eseguendo il comando sopra, il file example.css verrà creato con i seguenti contenuti.

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

Oltre ai passaggi sopra riportati sono gli altri modi per installare SASS:

Esistono molte applicazioni che offrono modi semplici e intuitivi per installare SASS. Questi possono essere scaricati da Internet. Di questi, pochi di questi sono gratuiti mentre altri sono pagati.

NPM può anche essere usato per installare SASS nel caso in cui l'utente stia usando node.js.

Pertanto, nella guida passo passo sopra descritta SASS può essere installato correttamente in un sistema. Di seguito è riportato il comando:

npm install -g sass

Ma tieni presente che questa installazione installerà la pura implementazione javascript dei fogli di stile sintatticamente fantastici che è relativamente più lenta di altri metodi qui indicati ma ha ancora la stessa interfaccia degli altri metodi. Pertanto, in caso di lentezza, può verificarsi un problema se sarà molto semplice passare a un'altra implementazione in un secondo momento per migliorare la velocità.

Nel caso in cui un utente esegua Gestione pacchetti Chocolatey per Windows, è possibile installare DASS SASS. Di seguito è riportato il comando:

choco install sass

Nel caso in cui un utente utilizzi il gestore pacchetti Homebrew per Mac OS X, è possibile installare DASS SASS. Di seguito è riportato il comando:

brew install sass/sass/sass

Pertanto, insieme a così tante funzionalità, i fogli di stile SASS o Syntactically Awesome offrono una vasta gamma di funzionalità utilizzate per progettare pagine Web con maggiore facilità. SASS offre diverse estensioni CSS come proprietà nidificate, selezioni di segnaposto, ecc. Supporta anche script SASS che offrono shell interattive per la programmazione insieme a supporto per diverse variabili, tipi di dati, operazione, funzione, interpolazione, ecc. Anche il processo di installazione è così facile da eseguire. Aggiunta di tutte le sue funzionalità SASS offre una piattaforma eccezionalmente eccezionale per il web design e altri.

Articoli consigliati

Questa è stata una guida per installare SASS. Qui abbiamo discusso il processo passo dopo passo per installare SASS. Puoi anche consultare i nostri altri articoli suggeriti per saperne di più -

  1. Guida completa per l'installazione di .NET
  2. Come installare PostgreSQL?
  3. Diversi passaggi per installare Typescript
  4. Come installare Appium

Categoria:

Sviluppo software