Realizato da

Pubblicato il

sass

installare

mac

osx

css

guida


Benvenuto a questo nuovo tutorial su come installare Sass su Mac OS X. Ti mostrerò come convertire codice Sass in codice CSS, usando sia un command line tool, che un’applicazione Desktop (Scout)

Se vuoi usare usare Sass dal terminal del tuo Mac puoi farlo, ma avrai bisogno di avere Ruby installato. Fortunatamente Ruby è pre-installato sui Mac più nuovi, ma forse lo hai disinstallato precedentemente. Per controllare se hai Ruby installato sul tuo Mac, puoi eseguire il comando

ruby –v

Dovresti vedere un output simile a questo: ruby 2.2.1.
Se non hai Ruby installato sul tuo Mac puoi installare Ruby usando questa guida(link), oppure puoi usare Sass usando il metodo Applicazione Desktop.

Installare Sass come Command line tool:

Installare ruby come command line tool è facilissimo: basta eseguire il seguente comando:

sudo gem install sass

Questo comando installerà Sass sul tuo Mac. Se vedi un errore durante l’installazione probabilmente non hai Ruby Installato sul tuo sistema.
Verifica l’installazione di Sass con il comando usando precedentemente: ruby -v

Ora non ti rimane altro che usare il command line tool (Sass) per convertire le tue regole Sass in regole CSS, Ecco come si fa: 
Per far partire lo script di ascolto devi usare il comando watch, questo comando rimarrà in esecuzione nel background, accettando come input un file .scss o .sass, e darà in output un file .css. Dobbiamo però specificare il percorso sul FileSystem, dove si trova il file d'origine Sass nel seguente modo:

sass --watch percorso/per/il/file/sass

Questo comando convertirà qualsiasi file .scss o .sass, presenti nella directory specificata in un file .css
Attenzione, Basta specificare il percorso della cartella che contiene i file .sass, non il percorso del file stesso. 

Usare Sass con un Applicazione Desktop (Scout).

Se non vuoi usare il Terminal o non vuoi installare Ruby sul tuo pc, puoi usare Sass con un’applicazione Desktop: Scout. Usare un applicazione Desktop come Scout può risultare in una conversione dei file più lenta rispetto al command line tool, ma allo stesso tempo può risultare più semplice da usare, per qualcuno che non fa grande uso del Terminal.
Ecco come puoi installare Scout:

Comincia scaricando l’App da questo sito, e installala sul tuo Sistema.
Una volta finita l'installazione, l'uso di scout è semplice e molto simile al command line tool:

  1. Apri l'app e seleziona l'opzione "Add Project" per aggiungere e salvare per il futuro i tuoi file .scss
  2. Seleziona la cartella di origine e quella di uscita, rispettivamente per il tuoi file .scss e .css
  3. Clicca sull'icona Play per avviare la conversione ed il watch dei tuoi file .scss

Ecco fatto! ora puoi usare ed integrare Sass nel tuo processo di sviluppo web giornaliero. Non era cosi male no? 
Grazie per aver seguito questa guida, se l'hai trovata utile condividila con i tuoi amici sul social network che preferisci. E non dimenticare di seguire la nostra pagina su Facebook e Twitter. Grazie mille e alla prossima :)

Se hai una domanda puoi chiedere qualsiasi cosa nei commenti in basso

Grazie per aver letto questa guida su Devnews.it

Spero ti sia stata utile in qualche modo. Ti prego di supportare questa pagina mettendo mi piace alle nostre pagine social cliccando un basso, dove pubblichiamo regolermente notizie, tutorial e fatti curiosi sull'informatica. Grazie e ci vediamo alla prossima :)