Fel kell gyorsítani az írás HTML és CSS használatával Emmet (korábbi zen kódolás), hogy a webhely egyszerű!

előző ◈ a következő


Hogyan működik ez?


Nyomja előre zaddanoe billentyűkombinációt, és kapsz:


Nem rossz, nem? =)

  • Sublime szöveg
  • atom
  • Eclipse / Aptanának
  • TextMate
  • Chocolat
  • Komodo szerkesztése
  • Notepad ++
  • Konzolok
  • NetBeans
  • Adobe Dreamweaver

A teljes lista itt érhető el


Telepítése Emmet a Sublime szöveg 3


A kezdéshez töltse le az archívum a bővítménnyel. razorziviruyte és tartalom a csomagok mappa, hogy megtudja, hol van, nyissa meg a Sublime szöveg. és a Beállítások menüben, kattintson az elem «Böngészés csomagok».
Perezayti a Sublime. Az elérhetőség, kérjük, írja «div», és nyomja meg a «Ctrl + e», ha minden rendben van, akkor előfordulhat, 2 dolog.

  1. A bővítmény működik, és a húr „div» feltárt "
    "
  2. Felbukkan egy üzenetet, amely szerint meg kell várni, amíg le «PyV8», nincs semmi baj, csak várjon néhány percet, és próbálkozzon újra

Telepítése Emmet a Notepad ++

  1. Nyílt N ++
  2. A menü Plug-ins, fuss «Plugin manager -> Mutasd Plagin manager»
  3. A bővítmények listáját találjuk «Emmet», jelölje ki, és kattintson a «telepíteni»
  4. Plugin manager nyújt ugyanazon «Python script» egyetért.
  5. Egy rövid boot, akkor újra be kell tölteni az N ++.
  6. Most menjünk a „Beállítások -> Gyorsbillentyűk -> Plugin parancsok».
  7. A munka, mi legalább kell állítani gyorsbillentyűk «kibontása rövidítése» és a «pakolás rövidítése» (alapértelmezés szerint «Ctrl + Alt + Enter» és a «Ctrl + Alt + Shift + Enter», ami nem túl kényelmes) én meg «Alt + Z» és «Ctrl + Alt + Z», itt meg kell, hogy legyen óvatos, ez a kombináció nem lehet elfoglalni.
  8. Próbál meg belépni a «div», és bővíteni a rövidítés «Alt + Z», ha minden rendben van, akkor kap "
    "


Ha Emmet nem működik


ha kapok egy hiba «Uncnown kivétel», az azt jelenti, hogy meg kell frissíteni «Python script», itt letöltheti. jön létre, mint a normál programot, és élvezze =)

Emmet csapat


Nem voltam nagyon boldog, hogy vezetni a fő tag a HTML-dokumentum minden egyes alkalommal, mielőtt egyszerűen tartott bolt sablon, amely bekerül a cél mappát, és kezdjük a munkát, mert nagyban megkönnyíti Emmet, tudjuk be:

Nyilvánosságra csökkentése, és kap

Ha nem ispolzuetete HTML 5, akkor is használhatja a «html: xt» XHTML és «html: 4s» A HTML4.


Ha mi csak szeretnénk, hogy egy külön címkét, majd rendre írja a nevét, miközben nem kell aggódnia a záró címke, és a szükséges tulajdonságokat, Emmet nála felmerülnek.


Ahogy talán már érthető, „+” segít eltávolítani a 2 soros tag. Mit kap egy beágyazott tag operátort használja „>”. Például, csökkentését


a közzétételt követően lesz


Mi lenne megismételni néhány elem többször használt „*” operátor, egy kis kiegészítés az előző példában, és kap:


Mit nem eltévedni mellékletek tag lehet csoportosítani:


Ha azt szeretnénk, hogy megjelenjen egyéb tulajdonságokat, szögletes zárójelben:


A kapcsos zárójelek használják tartalmának megjelenítésére:


És mi van, ha a visszavonás több elemből megszorozva meg kell adni nekik a különböző osztályok (vagy más tartalmat)? Az is lehetséges,


Ha meg akarjuk változtatni a kezdeti száma az írási «$ n», ahol n - számot, ahonnan indul számlálással.
Mit számít ment a csökkenés, miután a „$” szükséges hozzá „@ -”


Néha előfordul, hogy néhány tag kell emelni a szintet (a pár szintet) felfelé. Itt segít az üzemeltető „^”. Tegyük fel, hogy próbál vezetni egy HTML-struktúra a fejléc az oldal:


Az Emmet, van még egy jellemzője, hogy lehet nevezni implicit elnevezési címkék:


Azzal, hogy Emmet képes megérteni egy címkét helyettesítheti, a helyzettől függően


Az utolsó dolog, amit szeretnék beszélni a HTML, akkor nem csak bővíteni Emmet csapatok kapcsolatba a HTML-kódot, hanem, hogy lezárja az egyszerű szöveges HTML-címkéket.
Normál helyzetben mi fogjuk pótolni a fejléc és a másolt Photoshop szöveget menüpontok:


Előírják egyes menüpontok lehet, és sok van, de próbáljuk meg, hogy gyorsítsa fel, használd a «pakolás rövidítése» (a fenséges - Shift + Ctrl + G N ++ -. Alt + Ctrl + Z), és a megjelenő ablakban levelet :


ami után kapjuk:


Emmet összes munkát nekünk, a szellem már elfogták, kinyitotta lehetőségeket?)


Nagyon gyakran, közben az elrendezés egy úgynevezett „Fish”, azaz értelmetlen szöveg jelenik meg a sablon lényegesen jobb, mint a kaotikus halmaza betűk Emmet egy beépített generátort.


A határ a megjelenített szavak száma:


Fő bontott, kivéve HTML, Emmet is csökkenti a CSS kód beviteli, bár nem olyan nagy.
Beírhatja az első levél vagyon, és az értéke:


Ha a pixelek nem alkalmas az Ön számára, akkor vannak más lehetőségek:
• p →%
• e → em
• x → ex
Sok ingatlan kezdődik ugyanazt a betűt, hogy tisztázza, tudjuk írni az első néhány betűt, vagy tetszőleges számú betű, Emmet megpróbálja megtalálni a legmegfelelőbb beállítást:


Emmet Hozta ingatlan prefixumokat nagy böngésző, így ez még teljesen új. Ha hozzá szeretne adni egy előtagot bármely más svoysva előtt meg kell tenni egy kötőjel:

előző ◈ a következő