TheJoe.it Into the (öffnen) Quelle

22Jan_Januar_abbreviation/140

Aktivieren Sie das Plugin “Zen Coding” su gedit

Vorsicht!

Dieser Artikel wurde in der schriftlichen 2014, es kann in dem Gegenstand einige Entwicklungen haben.
Im Zweifel lassen Sie einen Kommentar in der Unterseite des Artikels.
Dank.

zen-Codierung

Für diejenigen, die nicht wissen,, gedit ist der Text-Editor der Wahl für jede Linux-Distribution auf Basis von Gnome. Es wird auf den meisten Linux-Distributionen vorinstalliert, mit Ausnahme derjenigen, die auf verschiedene Window-Manager von Gnome (Wo, xfce, Erleuchtung, usw..). Es wird hauptsächlich zum Bearbeiten von Konfigurationsdateien für System, sondern unterstützt eine große Anzahl von Programmiersprachen und ist erweiterbar mit Plugins gewidmet.

Aus diesem Grund, vor Gebrauch Brackets, Ich habe Gedit auch zur Bearbeitung von HTML-und CSS-.

Dies ist gedit.

gedit

Die Benutzeroberfläche von gedit, mit der Auswahl der Sprache.

"Zen Coding" stattdessen ist es eine neue Art, beschleunigt, HTML schreiben. Offizielle Plugins (aus dem Repository heruntergeladen: http://code.google.com/p/zen-coding/) werden unter der MIT-Lizenz veröffentlicht, aber es sind auch nicht in der offiziellen Repository aufgeführt, mit einem Paar für gedit: Plugin Frank Marcias und Mike Crittenden.

In der Tat sind die zwei Plugins sehr ähnlich und der Einbau sowohl elementar, nur, dass Sie mit Dateien und Ordnern vertraut sind. Ich werde nicht auf die Installation eine oder die andere in einem Tutorial gehen, Beide Verfahren sind auf ihren GitHub dokumentiert, Ich möchte mehr als alles andere auf dem Betrieb des Plugins selbst zu konzentrieren.

Angenommen, Sie haben eine HTML-Seite Header und Navigation einer Website erstellen möchten. Normalerweise ist es das, was ich schreiben würde "a mano":

<div id ="Seite">
        <div class ="logo"></div>
        <ul id ="Navigation">
                <li><a href =""></a></li>
                <li><a href =""></a></li>
                <li><a href =""></a></li>
                <li><a href =""></a></li>
                <li><a href =""></a></li>
        </st>
</div>

Mit Zen-Coding statt einen einzigen Zeile von Anweisungen, das wird interpretiert und in der Art, wie wir wissen, erweitert werden:

div # page>div.logo   ul # navigation>dass * 5>a

Die Erklärung ist einfach und wichtig, Man vergleiche nur die beiden Codes. In der Praxis ist der erste Begriff definiert einen Tag, wenn ihnen ein "#Begriff" Stellen Sie die ID der zugehörigen Tags wie "Begriff", wenn wir dem Symbol "weniger" (>) tag, die folgen wird der erste Tag sein Kind. Wenn wir das Symbol "+" der Tag, die folgt, wird "Bruder". Sie können dann eine Anzahl von Wiederholungen der gleiche Tag (und gegebenenfalls deren Eigenschaften), Multiplikation mit einer Zahl Wahl ("dass * 5").

Auf Repository Google di Zen Coding, Wir können eine Liste aller möglichen Szenarien finden. Es ist eine Seite in Favoriten zu halten.

hat dir dieser Artikel gefallen?

Dann abonniere doch diesen Blog per RSS Feed!

Über

Ich halte diesen Blog als ein Hobby von 2009. Ich bin begeistert von Grafik, Technologie, Open Source Software. Unter meinen Artikel wird nicht schwierig sein, über die Musik finden, und einige persönliche Reflexionen, aber ich bevorzuge die direkte Linie des Blogs vor allem auf Technologie. Weitere Informationen Kontaktieren Sie mich.