Irbulis ir koda priekšapstrādātājs CSS, kas ļauj mūsu teksta redaktorā strādāt vienkāršāk, un tad es paskaidroju sava apgalvojuma iemeslus.
Šī ir stila lapa, kā mēs to zinām:
body {font: 12px Helvetica, Arial, sans-serif; } a.button {-webkit-border-radius: 5px; -moz-pierobežas rādiuss: 5px; apmales rādiuss: 5px; }
Un tā būtu tā pati stila lapa, kas izveidota ar Irbulis:
ķermeņa fonts 12 pikseļi Helvetica, Arial, sans-serif a.button -webkit-border-radius 5px -moz-border-radius 5px border-radius 5px
Kur ir atslēgas? Kur palika semikoli, resnās zarnas? Aizmirsts, Irbulis dara to mūsu vietā.
Ja jūs sākat ar CSS y HTML nav ieteicams lietot Irbulis par vienkāršu faktu, ka jūs varat aizmirst, kā lietas patiešām darbojas, bet, ja jums jau ir laiks šajā pasaulē un vēlaties ietaupīt kodu un strādāt .. turpiniet.
Programmētāji Pitons atradīs Irbulis kaut kas ļoti līdzīgs tam, kam tie ir pielāgoti, jo, lai veiktu burvību, jums ir nepieciešams tikai pareizi atkāpt.
Uzstādīšana
Par Irbulis darbs, kas mums jāinstalē Node.js kas atrodas Kopienas filiālē, tāpēc mēs to darām:
$ sudo pacman -S nodejs
Un vēlāk mēs instalējam Stylus. Tradicionālais veids būtu:
$ npm install -g stylus
Tas ir labi instalēts, bet man tas nedarbojas, tāpēc to ir daudz vieglāk instalēt no AUR:
$ yaourt -S nodejs-stylus
Kā lietot Stylus
Labi, mēs jau esam instalējuši Node.js un mēs esam instalējuši Irbulis.. Kā mēs to izmantojam? Tas ir vienkārši. Pieņemsim, ka mums ir direktorijs ar šādiem failiem:
- dir - index.html - style.css
Mums ir jāizveido fails stils.stils, pie kuras mēs strādāsim. Šajā failā mums var būt kaut kas līdzīgs:
ķermeņa fona krāsa #ffff fonta lielums 12 pikseļi a. pogas krāsa sarkana polsterējums 10 pikseļi
Ja mēs saglabājam vai veicam izmaiņas, nekas nenotiek, jo mēs "neapkopojam" savu failu. Lai to apkopotu, mūsu rīcībā ir atvērt termināli mūsu direktorijā (kur fails stils.stils) un izpildiet:
stylus -c style.styl
Bet katru reizi, kad mēs saglabājam failu stils.stils mums būtu jāizpilda kods, bet par laimi tas nav nepieciešams, jo, ja mēs izpildām to pašu komandu, bet pievienojot parametru -w (skatīties) notiek šādi gadījumi:
irbulis -c -w style.styl skatīšanās /usr/lib/node_modules/stylus/lib/functions/index.styl sastādīts style.css skatīšanās style.styl sastādīts style.css sastādīts style.css
Citiem vārdiem sakot, fails tiek automātiski sastādīts .. Vai rezultāts būtu?
body {background-color: #fff; font-size: 12px} a.button {color: # f00; padding: 10px}
Kā redzat, mūsu kods mūs ne tikai rada CSS, bet novērš nevajadzīgas atstarpes, lai mūsu stila lapa sver mazāk 😀
Ne tikai tas, Irbulis Tas ļauj mums nodot CSS failus to formātā, un veids, kā mēs varam izmantot to sintaksi, ir ļoti daudzveidīgs. Un tas ir tikai priekšskatījums. Tāpēc es aicinu jūs, ja jūs interesē, uzzināt mazliet vairāk par Irbulis
Tas ir ar:
$ sudo npm instalēt -g irbuli
Bet kāpēc? Ja es vēlos to izmantot tikai savā sesijā .. bet labi, ja problēma ir tajā .. 🙂
Sākotnēji tas ir labi, bet Stylus tiek izmantots kopā ar dažādiem spraudņiem, piemēram, Nib vai Stylus auto prefiksu.
Es domāju, ka, instalējot to ar Yaourt, tas netiek saglabāts mapē / usr / local / lib / node_modules un, ja jūs mēģinātu importēt un izmantot kādu no bibliotēkām, jūs izdrāztu xD
Gadās, ka, kā es jums teicu forumā, Stylus pamatā ir bibliotēku pārredzama izmantošana no termināla, tā ir šī priekšapstrādes procesa būtība, un tā rīkojas šādi:
irbulis -u jeet -u plīsums -u tipogrāfiskais -u nib -w style.styl
Lai kaut ko pateiktu (jums var būt aizstājvārds vai funkcija, vai arī izmantot gaušanos, rūcienu vai ko citu: 3). Interesanti šajā ziņā ir tas, ka kompilējot tas neizceļ css no kastes, bet aizpilda to "dinamiski", jo jūsu kodā jūs izsaucat attiecīgo bibliotēku funkcijas un kombinācijas.
Faktiski tas ievietos deklarēto vienoto kodu (atiestatīšana, labošana utt.), Bet tas neliks jums smēķēt, piemēram, jeet span () funkcijas, ja jūs tos nezvanāt, un tā ir tīra mīlestība x3
Tā ir visa pasaule, un tāpēc es jums saku, instalējot to šādā veidā, es nezinu, kādos failos tā ietilpst, un es nedomāju, ka jūs varat izmantot paplašinājumus tik vienkārši, jo, lietojot komandrindu, - izmantojiet karodziņu, kas izskatīsies irbuli instalācijā, ar mezglu tas ir mezgls_moduļi, un tas paliek tur, kur es teicu iepriekš, ar Jauru, NPI xD
interesanti!
Es iesaku jums veikt atjauninātu apmācību par to, kā izmantot SIP numuru, lai no datora izsauktu mobilos tālruņus ...