Instalējiet Stylus ArchLinux, nemirstot mēģinājumā

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.

Irbulis

Es neizliekos, ka mācu, kā tas darbojas Irbulisbet parādiet dažus piemērus un instalēšanas metodi

Šī 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


Raksta saturs atbilst mūsu principiem redakcijas ētika. Lai ziņotu par kļūdu, noklikšķiniet uz šeit.

5 komentāri, atstājiet savus

Atstājiet savu komentāru

Jūsu e-pasta adrese netiks publicēta. Obligātie lauki ir atzīmēti ar *

*

*

  1. Atbildīgais par datiem: Migels Ángels Gatóns
  2. Datu mērķis: SPAM kontrole, komentāru pārvaldība.
  3. Legitimācija: jūsu piekrišana
  4. Datu paziņošana: Dati netiks paziņoti trešām personām, izņemot juridiskus pienākumus.
  5. Datu glabāšana: datu bāze, ko mitina Occentus Networks (ES)
  6. Tiesības: jebkurā laikā varat ierobežot, atjaunot un dzēst savu informāciju.

  1.   cyberalejo17 teica

    Tas ir ar:

    $ sudo npm instalēt -g irbuli

    1.    elav teica

      Bet kāpēc? Ja es vēlos to izmantot tikai savā sesijā .. bet labi, ja problēma ir tajā .. 🙂

      1.    nano teica

        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

  2.   izmantosim linux teica

    interesanti!

  3.   lietotājs teica

    Es iesaku jums veikt atjauninātu apmācību par to, kā izmantot SIP numuru, lai no datora izsauktu mobilos tālruņus ...