Majë shkruese është një para-përpunues i kodit CSS, e cila na lejon të punojmë më thjesht në redaktuesin tonë të tekstit dhe pastaj shpjegoj arsyet e deklaratës sime.
Kjo është një fletë stili siç e njohim ne:
body {font: 12px Helvetica, Arial, sans-serif; } a.button {-webkit-kufi-rrezja: 5px; -moz-kufiri-rrezja: 5px; rrezja e kufirit: 5px; }
Dhe kjo do të jetë e njëjta fletë stilesh e krijuar me të Stylus:
font i trupit 12px Helvetica, Arial, sans-serif a.button -webkit-border-radius 5px -moz-border-radius 5px border-rrez 5px
Ku janë çelësat? Ku bëri pikëpresjet, zorra e trashë? Harruar, Majë shkruese e bën atë për ne
Nëse jeni duke filluar me CSS y HTML nuk rekomandohet të përdoret Majë shkruese për faktin e thjeshtë që mund të harroni se si funksionojnë vërtet gjërat, por nëse tashmë keni kohë në këtë botë dhe doni të kurseni vetveten kodin dhe punën .. vazhdo përpara.
Programuesit Piton do të gjeni në Majë shkruese diçka shumë e ngjashme me atë në të cilën janë përshtatur, pasi që duhet vetëm të depërtosh saktë që magjia të bëhet.
instalim
në mënyrë që Majë shkruese punën që duhet të instalojmë Node.js e cila është në degën e Komunitetit, kështu që ne vazhdojmë ta bëjmë atë:
$ sudo pacman -S nodejs
Dhe më vonë ne instalojmë Stylus. Mënyra tradicionale do të ishte:
$ npm install -g stylus
Instalohet mirë, por nuk funksionon për mua, kështu që është shumë më e lehtë të instalosh nga AUR:
$ yaourt -S nodejs-stylus
Si të përdorni Stylus
Ok, ne tashmë kemi instaluar Node.js dhe ne kemi instaluar Majë shkruese.. Si e përdorim atë? Shtë e thjeshtë. Le të themi se kemi një direktori me skedarët e mëposhtëm:
- dir - indeks.html - stil.css
Ajo që duhet të bëjmë është të krijojmë skedarin stili.stil, e cila është ajo për të cilën do të punojmë. Në atë skedar mund të kemi diçka si:
ngjyra e sfondit të trupit #ffff madhësia e shkronjave 12px a. butoni ngjyra e kuqe mbushja 10px
Nëse ruajmë ose bëjmë ndonjë ndryshim, asgjë nuk ndodh, sepse nuk po "përpilojmë" skedarin tonë. Për ta përpiluar atë, ajo që bëjmë është të hapim një terminal në direktorinë tonë (ku skedari) stili.stil) dhe ekzekutoni:
stylus -c style.styl
Por sa herë që ruajmë skedarin stili.stil ne do të duhet të ekzekutojmë kodin, por për fat të mirë nuk është e nevojshme, pasi që nëse ekzekutojmë të njëjtën komandë, por duke shtuar parametrin -w (shiko) ndodh e mëposhtmja:
stili i stileve
Me fjalë të tjera, skedari përpilohet automatikisht .. A do të ishte rezultati?
trupi {sfondi-ngjyra: #fff; madhësia e shkronjave: 12px} a.button {ngjyra: # f00; mbushja: 10px}
Siç mund ta shihni, jo vetëm që kodi ynë na krijon CSS, por eliminon hapësirat e panevojshme në mënyrë që fleta jonë e stilit të peshojë më pak
Jo vetëm ajo, Majë shkruese Na lejon të kalojmë skedarët CSS në formatin e tyre dhe mënyra se si mund ta përdorim sintaksën e tyre është shumë e larmishme. Dhe kjo është vetëm një pamje paraprake. Kështu që unë ju inkurajoj nëse jeni të interesuar, të dini pak më shumë për të Majë shkruese