Stylus ikhodi yangaphambi kweprosesa CSS, esivumela ukuthi sisebenze kalula kumhleli wethu wombhalo bese ngichaza izizathu zesitatimende sami.
Leli yiphepha lesitayela njengoba silazi:
umzimba {font: 12px Helvetica, Arial, sans-serif; } a.button {-webkit-border-radius: 5px; -moz-border-radius: 5px; i-border-radius: 5px; }
Futhi lokhu kuzoba ishidi lesitayela elifanayo elidalwe I-Stylus:
ifonti yomzimba 12px Helvetica, Arial, sans-serif a.button -webkit-border-radius 5px -moz-border-radius 5px border-radius 5px
Zikuphi izikhiye? Ayaphi ama-semicolon, ikholoni? Ukhohliwe, Stylus usenzela lokho.
Uma uqala nge CSS y i-HTML akunconywa ukuthi usebenzise Stylus ngeqiniso elilula lokuthi ungakhohlwa ukuthi izinto zisebenza kanjani ngempela, kepha uma usunesikhathi vele kulo mhlaba futhi ufuna ukuzisindisa ikhodi bese usebenza .. qhubeka.
Abahleli Python izothola ku Stylus okuthile okufana ncamashi nalokho okujwayele ukwenziwa, ngoba udinga kuphela ukuhlehlisa kahle ukuze umlingo wenziwe.
Ukufakwa
Ngakho lokho Stylus umsebenzi kufanele siwufake I-Node.js okugatsha loMphakathi, ngakho-ke siyaqhubeka nokukwenza:
$ sudo pacman -S nodejs
Futhi kamuva sifaka i-Stylus. Indlela yendabuko kungaba:
$ npm install -g stylus
Ifaka kahle, kepha ayisebenzi kimi, ngakho-ke kulula kakhulu ukuyifaka kusuka ku-AUR:
$ yaourt -S nodejs-stylus
Ungayisebenzisa kanjani i-Stylus
Kulungile, sesivele siyifakile I-Node.js futhi sikufakile Stylus.. Sisebenzisa kanjani? Kuyinto elula. Masithi sinesikhombi esinamafayela alandelayo:
- dir - inkomba.html - isitayela.css
Okufanele sikwenze ukudala ifayili isitayela.styl, okuyiyona esizosebenzela kuyo. Kulelo fayela singaba nokuthile okufana nalokhu:
umbala ongemuva lomzimba #ffff usayizi wefonti u-12px a. inkinobho yombala obomvu we-padding 10px
Uma sigcina noma senza ushintsho akwenzeki lutho, ngoba "asihlanganisi" ifayili lethu. Ukuyihlanganisa, esikwenzayo ukuvula ukuphela kwirejista yethu (lapho ifayela isitayela.styl) futhi senza:
stylus -c style.styl
Kepha ngaso sonke isikhathi lapho sigcina khona ifayili isitayela.styl kuzofanele sisebenzise ikhodi, kepha ngenhlanhla akudingekile, ngoba uma senza umyalo ofanayo, kepha sengeza ipharamitha -w (buka) okulandelayo kuyenzeka:
isitayela -c -w isitayela.styl ukubukela / usr/lib/node_modules/stylus/lib/functions/index.styl ihlanganiswe isitayela.css ukubukela isitayela.styl ihlanganiswe isitayela.css isitayela esihlanganisiwe.css
Ngamanye amagama, ifayili lihlanganiswa ngokuzenzakalela .. Kungaba umphumela?
umzimba {umbala-ongemuva: #fff; usayizi wefonti: 12px} a.button {color: # f00; padding: 10px}
Njengoba ukwazi ukubona, ikhodi yethu ayisidali kuphela CSS, kepha isusa izikhala ezingadingekile ukuze ishidi lethu lesitayela libe nesisindo esingaphansi 😀
Hhayi lokho kuphela, Stylus Kusivumela ukuthi sidlulise amafayela we-CSS ngefomethi yawo futhi indlela esingasebenzisa ngayo i-syntax yabo yehluke kakhulu. Futhi lokhu kungukubuka kuqala. Ngakho-ke ngiyakukhuthaza uma unentshisekelo, ukwazi okwengeziwe ngalo Stylus
Iqukethe:
$ sudo npm ukufaka -g isitayela
Kodwa kungani? Uma ngifuna ukuyisebenzisa kuphela esimisweni sami .. kepha hheyi, uma inkinga yilokho .. 🙂
Ekuqaleni kulungile, kepha i-Stylus isetshenziswa ngama-plugins ahlukahlukene njengoba uqhubeka, isibonelo i-Nib noma i-Stylus auto prefixer.
Ngicabanga ukuthi uma uyifaka nge-Yaourt ayigcinwanga ku- / usr / local / lib / node_modules futhi uma uzama ukungenisa nokusebenzisa noma iyiphi imitapo yolwazi, uzobamba i-xD
Kwenzeka ukuthi njengoba ngikutshele esithangamini, iSylus isuselwe ekusebenziseni imitapo yolwazi ngokusobala kusuka esigungwini, kungumongo wale prosesa, yenza izinto ezinjengalezi:
isitayela -u jeet -u rupture -u typographic -u nib -w style.styl
Ngokusho okuthile (ungaba ne-alias noma umsebenzi noma usebenzise i-gulp noma i-grunt, noma yini: 3). Into ethokozisayo ngalokhu ukuthi ayikhiphi i-css ebhokisini lapho ihlanganiswa, kepha iyigcwalisa "ngokunamandla" njengoba ngaphakathi kwekhodi yakho ubiza imisebenzi nezinhlanganisela zemitapo yolwazi.
Empeleni, izobeka ikhodi eyisicaba emenyezelwe (ukusetha kabusha, ukucacisa, njll) kepha ngeke ikwenze ubheme, ngokwesibonelo, imisebenzi ye-span () ye-jeet uma ungazibizi futhi lokho kuwuthando olumsulwa x3
Umhlaba wonke yingakho ngikutshela, ukuyifaka ngaleyo ndlela angazi ukuthi iwela kumaphi amafayela futhi angicabangi ukuthi ungazisebenzisa izandiso ngenxa yokuthi uma usebenzisa umugqa womyalo, - ukusetshenziswa kwefulegi kuzobukeka ngaphakathi kufolda yokufaka ipeni, nge-node kungama-node_modules futhi kuhlala lapho ngishilo ngenhla, ngeJaourt, NPI xD
Kuyathakazelisa!
Ngikisela ukuthi wenze isifundo esibuyekeziwe sendlela yokusebenzisa inombolo ye-SIP ukubiza omakhalekhukhwini kusuka kukhompyutha ... mahhala