Faka i-Stylus ku-ArchLinux ngaphandle kokufa emzameni

Stylus ikhodi yangaphambi kweprosesa CSS, esivumela ukuthi sisebenze kalula kumhleli wethu wombhalo bese ngichaza izizathu zesitatimende sami.

Stylus

Angizenzi ngathi ngifundisa ukuthi isebenza kanjani Styluskepha khombisa ezinye izibonelo nendlela yokufaka

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


Okuqukethwe yi-athikili kunamathela ezimisweni zethu ze izimiso zokuhlelela. Ukubika iphutha chofoza lapha.

Amazwana ayi-5, shiya okwakho

Shiya umbono wakho

Ikheli lakho le ngeke ishicilelwe. Ezidingekayo ibhalwe nge *

*

*

  1. Ubhekele imininingwane: Miguel Ángel Gatón
  2. Inhloso yedatha: Lawula Ugaxekile, ukuphathwa kwamazwana.
  3. Ukusemthethweni: Imvume yakho
  4. Ukuxhumana kwemininingwane: Imininingwane ngeke idluliselwe kubantu besithathu ngaphandle kwesibopho esisemthethweni.
  5. Isitoreji sedatha: Idatabase ebanjwe yi-Occentus Networks (EU)
  6. Amalungelo: Nganoma yisiphi isikhathi ungakhawulela, uthole futhi ususe imininingwane yakho.

  1.   cyberalejo17 kusho

    Iqukethe:

    $ sudo npm ukufaka -g isitayela

    1.    izinga kusho

      Kodwa kungani? Uma ngifuna ukuyisebenzisa kuphela esimisweni sami .. kepha hheyi, uma inkinga yilokho .. 🙂

      1.    nano kusho

        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

  2.   masisebenzise i-linux kusho

    Kuyathakazelisa!

  3.   umsebenzisi kusho

    Ngikisela ukuthi wenze isifundo esibuyekeziwe sendlela yokusebenzisa inombolo ye-SIP ukubiza omakhalekhukhwini kusuka kukhompyutha ... mahhala