Gramofonska igla je predprocesor koda CSS, što nam omogućuje jednostavniji rad u našem uređivaču teksta, a zatim objašnjavam razloge svoje izjave.
Ovo je opis stila kakav poznajemo:
body {font: 12px Helvetica, Arial, sans-serif; } a.button {-webkit-border-radius: 5px; -moz-radijus-granice: 5px; radijus obruba: 5 piksela; }
I ovo bi bio isti stil s kojim je stvoren Olovka:
font fonta 12px Helvetica, Arial, sans-serif a.button -webkit-border-radius 5px -moz-border-radius 5px border-radius 5px
Gdje su ključevi? Gdje su točka i zarez, dvotočka? Zaboravljeni, Gramofonska igla čini to za nas.
Ako započinješ s CSS y HTML nije preporučljivo koristiti Gramofonska igla zbog jednostavne činjenice da možete zaboraviti kako stvari stvarno rade, ali ako već imate vremena na ovom svijetu i želite uštedjeti svoj kod i raditi .. samo naprijed.
Programeri Piton naći će u Gramofonska igla nešto vrlo slično onome čemu su prilagođeni, jer samo trebate ispravno uvući čaroliju.
Instalacija
Za što Gramofonska igla posao koji moramo instalirati Node.js koja je u ogranku Zajednice, pa nastavljamo:
$ sudo pacman -S nodejs
A kasnije instaliramo Stylus. Tradicionalni način bio bi:
$ npm install -g stylus
Dobro se instalira, ali kod mene ne radi, pa je puno lakše instalirati s AUR-a:
$ yaourt -S nodejs-stylus
Kako koristiti Stylus
Ok, već smo instalirali Node.js i mi smo instalirali Gramofonska igla.. Kako ga koristimo? Jednostavno je. Recimo da imamo direktorij sa sljedećim datotekama:
- dir - index.html - style.css
Ono što moramo učiniti je stvoriti datoteku stil.stila, na kojem ćemo raditi. U toj datoteci možemo imati nešto poput:
body background-color #ffff font font size 12px a.button boja crvena podloga 10px
Ako spremimo ili napravimo bilo kakve promjene, ništa se neće dogoditi, jer ne "sastavljamo" svoju datoteku. Da bismo ga sastavili, ono što radimo je da otvorimo terminal u našem direktoriju (gdje je datoteka stil.stila) i izvršiti:
stylus -c style.styl
Ali svaki put kad spremimo datoteku stil.stila morali bismo izvršiti kôd, ali srećom to nije potrebno, jer ako izvršimo istu naredbu, ali dodavanjem parametra -w (gledati) događa se sljedeće:
olovka -c -w style.styl gledanje /usr/lib/node_modules/stylus/lib/functions/index.styl kompilirani style.css promatranje style.styl kompajlirani style.css sastavljeni style.css
Drugim riječima, datoteka se automatski sastavlja .. Bi li rezultat bio?
tijelo {background-color: #fff; font-size: 12px} a.button {color: # f00; padding: 10px}
Kao što vidite, ne samo da nas stvara naš kod CSS, ali eliminira nepotrebne prostore tako da naš stil lista ima manje mase 😀
Ne samo to, Gramofonska igla Omogućuje nam prosljeđivanje CSS datoteka u njihov format, a način na koji možemo koristiti njihovu sintaksu vrlo je raznolik. A ovo je samo pregled. Stoga vas potičem ako ste zainteresirani da saznate malo više o tome Gramofonska igla
Uz:
$ sudo npm install -g olovka
Ali zašto? Ako ga samo želim koristiti u svojoj sesiji .. ali hej, ako je problem u tome .. 🙂
U početku je to u redu, ali Stylus se koristi s različitim dodacima dok se krećete, na primjer Nib ili Stylus automatski prefiks.
Mislim da kad ga instalirate s Yaourtom, on se ne sprema u / usr / local / lib / node_modules i ako biste pokušali uvesti i koristiti bilo koju knjižnicu, sjebali biste xD
Događa se da se, kao što sam vam rekao na forumu, Stylus temelji na transparentnoj upotrebi knjižnica s terminala, to je suština ovog pretprocesora, a čini sljedeće:
olovka -u jeet -u puknuti -u tipografski -u nib -w style.styl
Za izgovaranje nečega (možete imati zamjensko ime ili funkciju ili upotrijebiti gutljaj ili gunđanje ili bilo što drugo: 3). Zanimljivo u vezi s tim je to što pri kompajliranju ne utiskuje css iz okvira, već ga ispunjava "dinamički" jer unutar svog koda pozivate funkcije i kombinacije odgovarajućih knjižnica.
Zapravo će staviti deklarirani kôd (resetiranje, čisti popravci, itd.), Ali neće vas natjerati da pušite, na primjer funkcije span () jeet-a ako ih ne pozovete, a to je čista ljubav x3
To je cijeli svijet i zato vam kažem, instalirajući ga na taj način, ne znam u koje datoteke spada i mislim da ne možete koristiti ekstenzije tako jednostavno, jer kada koristite naredbeni redak, - zastava use će pogledati unutar mape instalacije olovke, s čvorom je node_modules i ostaje tamo gdje sam gore rekao, s Yaourt, NPI xD
zanimljiv!
Predlažem vam da napravite Ažurirani vodič o tome kako koristiti SIP broj za pozivanje mobitela s računala ... besplatno