Grammofoninõel on koodi eeltöötleja CSS, mis võimaldab meil oma tekstiredaktoris töötada lihtsamalt ja siis selgitan oma avalduse põhjuseid.
See on stiilileht, nagu me seda teame:
body {font: 12px Helvetica, Arial, sans-serif; } a.nupp {-webkit-border-radius: 5px; -moz-piiri-raadius: 5px; piiri raadius: 5 pikslit; }
Ja see oleks sama stiilileht, millega loodi Pliiats:
keha font 12px Helvetica, Arial, sans-serif a.button -webkit-border-radius 5px -moz-border-radius 5px border-radius 5px
Kus on võtmed? Kuhu jäid semikoolonid, jämesool? Unustatud, Grammofoninõel teeb seda meie eest.
Kui te alustate CSS y HTML seda ei soovitata kasutada Grammofoninõel selle lihtsa asjaolu pärast, et võite unustada, kuidas asjad tegelikult toimivad, kuid kui teil on selles maailmas juba aega ja soovite endale koodi salvestada ja töötada, jätkake.
Programmeerijad Python leiad Grammofoninõel midagi väga sarnast sellele, millega nad on kohandatud, kuna maagia tegemiseks peate ainult õigesti taanduma.
paigaldamine
Jaoks Grammofoninõel töö, mille peame installima Node.js mis on ühenduse harus, seega jätkame seda:
$ sudo pacman -S nodejs
Ja hiljem installime Styluse. Traditsiooniline viis oleks:
$ npm install -g stylus
See installib hästi, kuid see ei tööta minu jaoks, seega on seda AUR-ist palju lihtsam installida:
$ yaourt -S nodejs-stylus
Kuidas Stylust kasutada
Ok, meil on juba installitud Node.js ja oleme installinud Grammofoninõel.. Kuidas me seda kasutame? See on lihtne. Oletame, et meil on kataloog järgmiste failidega:
- dir - index.html - style.css
Peame faili looma stiil.stiil, mille kallal me töötama hakkame. Selles failis võib olla midagi sellist:
keha taustavärv #ffff font-size 12px a. nupuvärv punane polster 10px
Kui salvestame või muudame muudatusi, ei juhtu midagi, sest me ei kompileeri oma faili. Selle koostamiseks avame meie kataloogis terminali (kus fail stiil.stiil) ja täita:
stylus -c style.styl
Kuid iga kord, kui faili salvestame stiil.stiil peame koodi täitma, kuid see pole õnneks vajalik, sest kui täidame sama käsu, kuid lisame parameetri -w (vaata) juhtub järgmine:
pliiats -c -w style.styl vaatamine /usr/lib/node_modules/stylus/lib/functions/index.styl kompileeritud style.css vaadates style.styl kompileeritud style.css kompileeritud style.css
Teisisõnu, fail kompileeritakse automaatselt .. Kas tulemus oleks?
body {background-color: #fff; font-size: 12px} a.button {color: # f00; padding: 10px}
Nagu näete, ei loo meie kood ainult meid CSS, kuid see kaotab mittevajalikud tühikud, nii et meie stiilileht kaalub vähem 
Mitte ainult see, Grammofoninõel See võimaldab meil edastada CSS-faile nende vormingusse ja viis, kuidas nende süntaksit kasutada saame, on väga mitmekesine. Ja see on lihtsalt eelvaade. Nii et soovitan teil huvi korral veidi rohkem teada saada Grammofoninõel