Karcolótű egy kód előfeldolgozó CSS, amely lehetővé teszi számunkra, hogy egyszerűbben dolgozzunk a szövegszerkesztőnkben, majd elmagyarázom állításom okait.
Ez egy stíluslap, amilyennek ismerjük:
body {font: 12px Helvetica, Arial, sans-serif; } a.button {-webkit-border-radius: 5px; -moz-határ-sugár: 5px; határ-sugár: 5px; }
És ez ugyanaz a stíluslap lett volna létrehozva Ceruza:
törzs betűtípus 12px Helvetica, Arial, sans-serif a.button -webkit-border-radius 5px -moz-border-radius 5px border-radius 5px
Hol vannak a kulcsok? Hol a pontosvessző, a vastagbél? Elfelejtett, Karcolótű megteszi ezt helyettünk.
Ha azzal kezdi CSS y HTML használata nem ajánlott Karcolótű azért az egyszerű tényért, hogy elfelejtheti a dolgok valójában működését, de ha már van ideje ezen a világon, és meg akarja menteni a kódot és a munkát .. folytassa.
Programozók Piton be fognak találni Karcolótű valami nagyon hasonló ahhoz, amihez alkalmazkodnak, mivel a mágia megvalósításához csak helyesen kell behúzni.
Telepítés
azért, hogy Karcolótű munkát kell telepítenünk node.js amely a közösségi ágban van, így folytatjuk:
$ sudo pacman -S nodejs
És később telepítjük a Stylust. A hagyományos módszer a következő lenne:
$ npm install -g stylus
Remekül települ, de nekem nem működik, így sokkal könnyebb telepíteni az AUR-ból:
$ yaourt -S nodejs-stylus
A Stylus használata
Ok, már telepítettük node.js és telepítettük Karcolótű.. Hogyan használjuk? Ez egyszerű. Tegyük fel, hogy van egy könyvtárunk a következő fájlokkal:
- dir - index.html - style.css
Amit tennünk kell, az a fájl létrehozása stílus.stílus, amelyen dolgozni fogunk. Ebben a fájlban valami hasonló lehet:
body background-color #ffff font-size 12px a. gomb színe piros betét 10px
Ha mentünk vagy bármilyen módosítást végrehajtunk, semmi sem történik, mert nem "állítjuk össze" a fájlunkat. Fordításához fordítsunk egy terminált a könyvtárunkba (ahol a fájl stílus.stílus) és végrehajtjuk:
stylus -c style.styl
De minden alkalommal, amikor elmentjük a fájlt stílus.stílus végre kell hajtanunk a kódot, de szerencsére nem szükséges, mivel ha ugyanazt a parancsot hajtjuk végre, de hozzáadjuk a paramétert -w (nézni) a következő történik:
stylus -c -w style.styl nézés /usr/lib/node_modules/stylus/lib/functions/index.styl összeállított style.css style.styl fordított style.css összeállított style.css
Más szavakkal, a fájl automatikusan lefordításra kerül.
body {background-color: #fff; font-size: 12px} a.button {color: # f00; padding: 10px}
Mint láthatja, nem csak a kódunk hoz létre minket CSS, de kiküszöböli a felesleges helyeket, így a stíluslapunk kevesebbet nyom
Nem csak az, Karcolótű Ez lehetővé teszi számunkra, hogy a CSS fájlokat a formátumukba továbbítsuk, és a szintaxisuk használata nagyon változatos. És ez csak egy előzetes. Ezért arra biztatom Önt, ha érdekli, tudjon meg egy kicsit többet Karcolótű
Ez:
$ sudo npm install -g ceruza
De miért? Ha csak a munkamenetem során szeretném használni .. de hé, ha az a probléma .. 🙂
Ez eleinte rendben van, de a Stylust különféle plugin-okkal együtt használjuk, például Nib vagy Stylus auto előtaggal.
Úgy gondolom, hogy amikor a Yaourt programmal telepíti, akkor az nem kerül mentésre a / usr / local / lib / node_modules fájlba, és ha bármelyik könyvtárat megpróbálná importálni és használni, akkor megdugná az xD-t
Előfordul, hogy amint a fórumban elmondtam, a Stylus a könyvtárak átlátszó használatára épül a terminálról, ennek az előfeldolgozónak a lényege, például:
stylus -u jeet -u repedés -u tipográfiai -u nib -w stílus.styl
Valami mondáshoz (használhat álnevet vagy funkciót, használhat zihálást vagy morgolódást, vagy bármit: 3). Ennek érdekessége, hogy fordításkor nem domborítja ki a cs-ket a dobozból, hanem "dinamikusan" tölti ki, mivel a kódodon belül a megfelelő könyvtárak függvényeit és mixeit hívod meg.
Valójában a deklarált sima kódot állítja be (visszaállítások, javítások stb.), De nem fog dohányozni, például a jeet span () függvényei, ha nem hívja őket, és ez tiszta szerelem x3
Ez egy egész világ, és ezért mondom neked, hogy így telepítem, nem tudom, milyen fájlokba esik, és nem hiszem, hogy ilyen egyszerűen használhatod a kiterjesztéseket, mert a parancssor használatakor a –use zászló belenéz a mappába stylus telepítés, csomópont esetén node_modules, és ott marad, ahol fentebb említettem, Yaourt-tal, NPI xD
érdekes!
Javaslom, hogy készítsen egy frissített oktatóanyagot arról, hogyan használhatja a SIP számot a mobiltelefonok számítógépről történő hívására ... ingyen