Web-Frontend
js-Tutorial
Detaillierte Erl?uterung der Schritte zur Verwendung der Node-Front-End-Entwicklungsvorlagen-Engine Jade
Detaillierte Erl?uterung der Schritte zur Verwendung der Node-Front-End-Entwicklungsvorlagen-Engine Jade
May 22, 2018 am 10:32 AM
Dieses Mal bringe ich Ihnen die Node-Front-End-EntwicklungVorlagen-Enginedetaillierte Erl?uterung der Schritte zur Verwendung von Jade und der Vorsichtsma?nahmen für die Verwendung der Node-Front-End-Entwicklungs-Template-Engine Jade , das Folgende sind praktische F?lle, einer Steh auf und schau es dir an.
Mit der Entwicklung des Webs sind Front-End-Anwendungen immer komplexer geworden, und auch Back-End-basiertes Javascript(Node.js) ist entstanden Mit der Zeit werden h?here Erwartungen an Javascript gestellt. Gleichzeitig wurde auch die Idee von Javascript MVC popul?r. Um die Benutzeroberfl?che von Gesch?ftsdaten (Inhalten) zu trennen, wurde das Konzept der ?Template Engine“ geboren.
Einfach ausgedrückt ist die Template-Engine eine Zeichenfolge mit mehreren Variablen, die in bestimmt werden müssen, und die Daten werden durch die Template-Engine-Funktion dynamisch hineingestopft.
Heute werden wir über die Verwendung und Grammatikanweisungen von Jade sprechen. Offizielle Jade-Website: jade-lang.com/
Jade-Befehlszeilentool
Die Verwendung von Jade erfordert die Node-Umgebung und wird über installiert Mit dem NPM-Paket Jade-Befehlszeilentool k?nnen Sie nach erfolgreicher Installation eine neue Datei mit dem Dateisuffix *.jade erstellen. Wir k?nnen die Syntax von Jade nach Herzenslust verwenden. Nach dem Schreiben müssen wir sie nur über das Befehlszeilentool kompilieren, um sie in die statische HTML-Datei zu kompilieren, die wir normalerweise verwenden.
Installationsmethode
1. Stellen Sie zun?chst fest, ob die Node-Umgebung und das NPM-Tool installiert sind:
Führen Sie den Befehl wie folgt aus Zeilentool-Code:
node?-v =>?v0.10.35 npm?-v =>?1.4.28 //?如果成功返回版本號信息即為已成功安裝?Node?環(huán)境。
2. Installieren Sie das Jade-Befehlszeilentool global über npm
npm?install?jade?-g //?mac用戶可能需要管理員權(quán)限，使用如下命令 sudo?npm?install?jade?-g
3. Erstellen Sie eine *.Jade-Datei und starten Sie die Aufgabe.
4. Kompilieren Sie die Jade-Datei mit dem Jade-Befehlszeilentool in eine HTML-Datei
So verwenden Sie das Jade-Befehlszeilentool
Wir k?nnen die Parameter des Jade-Befehlszeilentools über jade --help
jade?--help
Usage:?jade?[options]?[dir|file?...]
?Options:
??-h,?--help?????output?usage?information?/?輸出使用信息
??-V,?--version???output?the?version?number?/?輸出版本號信息
??-O,?--obj?<str>??javascript?options?object?/?傳輸?shù)?jade?文件中的數(shù)據(jù)對象
??-o,?--out?<dir>??output?the?compiled?html?to?<dir>?/?輸出編譯后的?HTML?到?<dir>?
??-p,?--path?<path>?filename?used?to?resolve?includes?/?在處理?stdio?時，查找包含文件時的查找路徑
??-P,?--pretty????compile?pretty?html?output?/?格式化編譯?html?文件
??-c,?--client????compile?function?for?client-side?runtime.js?/?編譯瀏覽器端可用的?runtime.js
??-n,?--name?<str>??The?name?of?the?compiled?template?(requires?--client)?/?編譯模板的名字
??-D,?--no-debug???compile?without?debugging?(smaller?functions)?/?關(guān)閉編譯的調(diào)試選項(函數(shù)會更小)
??-w,?--watch????watch?files?for?changes?and?automatically?re-render?/?監(jiān)聽文件改變并自動刷新編譯結(jié)果
??--name-after-file?Name?the?template?after?the?last?section?of?the?file?path?(requires?--client?and?overriden?by?--name)
??--doctype?<str>??Specify?the?doctype?on?the?command?line?(useful?if?it?is?not?specified?by?the?template)?/?在命令行中指定文檔類型(如果在模板中沒有被指定)
?Examples:
??#?編譯整個目錄
??$?jade?templates
??#?生成?{foo,bar}.html
??$?jade?{foo,bar}.jade
??#?在標準IO下使用jade
??$?jade?< my.jade >?my.html
??#?在標準IO下使用jade
??$?echo?'h1?Jade!'?|?jade
??#?foo,?bar?目錄渲染到?/tmp
??$?jade?foo?bar?--out?/tmp
anzeigen. Beispiel:
//?比如說我們需要編譯index.jade文件，默認編譯到同文件夾下的同名html?文件中 jade?index.jade //?如果我們要格式化輸出?index.html?文件，只需要添加?-P?參數(shù)即可 jade?-P?index.jade //?如果我們要實現(xiàn)監(jiān)聽和自動編譯，需要使用?-w?參數(shù) jade?-P?-w?index.jade
Ich glaube, Sie haben die Methode gemeistert, nachdem Sie den Fall hier gelesen haben Weitere spannende Informationen finden Sie unter PHP Chinesisch Weitere verwandte Artikel online!
Empfohlene Lektüre:
Detaillierte Erl?uterung der Verwendung von Jade-Tags der Node-Front-End-Template-Engine
NodeJS-Servererstellung und Vorgangscodefreigabe neu starten
Das obige ist der detaillierte Inhalt vonDetaillierte Erl?uterung der Schritte zur Verwendung der Node-Front-End-Entwicklungsvorlagen-Engine Jade. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Hei?e KI -Werkzeuge
Undress AI Tool
Ausziehbilder kostenlos
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Clothoff.io
KI-Kleiderentferner
Video Face Swap
Tauschen Sie Gesichter in jedem Video mühelos mit unserem v?llig kostenlosen KI-Gesichtstausch-Tool aus!
Hei?er Artikel
Hei?e Werkzeuge
Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung
Dreamweaver CS6
Visuelle Webentwicklungstools
SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)
Hei?e Themen
1597
29
1487
72
PI -Knotenunterricht: Was ist ein PI -Knoten? Wie installiere und richte ich einen PI -Knoten ein?
Mar 05, 2025 pm 05:57 PM
Detaillierte Erl?uterungs- und Installationshandbuch für Pinetwork -Knoten In diesem Artikel wird das Pinetwork -?kosystem im Detail vorgestellt - PI -Knoten, eine Schlüsselrolle im Pinetwork -?kosystem und vollst?ndige Schritte für die Installation und Konfiguration. Nach dem Start des Pinetwork -Blockchain -Testnetzes sind PI -Knoten zu einem wichtigen Bestandteil vieler Pioniere geworden, die aktiv an den Tests teilnehmen und sich auf die bevorstehende Hauptnetzwerkver?ffentlichung vorbereiten. Wenn Sie Pinetwork noch nicht kennen, wenden Sie sich bitte an was Picoin ist? Was ist der Preis für die Auflistung? PI -Nutzung, Bergbau und Sicherheitsanalyse. Was ist Pinetwork? Das Pinetwork -Projekt begann 2019 und besitzt seine exklusive Kryptow?hrung PI -Münze. Das Projekt zielt darauf ab, eine zu erstellen, an der jeder teilnehmen kann
So verwenden Sie Express für den Datei-Upload im Knotenprojekt
Mar 28, 2023 pm 07:28 PM
Wie gehe ich mit dem Datei-Upload um? Der folgende Artikel stellt Ihnen vor, wie Sie Express zum Hochladen von Dateien im Knotenprojekt verwenden. Ich hoffe, er ist hilfreich für Sie!
Eine ausführliche Analyse des Prozessmanagement-Tools ?pm2' von Node
Apr 03, 2023 pm 06:02 PM
In diesem Artikel stellen wir Ihnen das Prozessmanagement-Tool ?pm2“ von Node vor und sprechen darüber, warum PM2 ben?tigt wird und wie Sie PM2 installieren und verwenden. Ich hoffe, dass es für alle hilfreich ist!
Tokenbasierte Authentifizierung mit Angular und Node
Sep 01, 2023 pm 02:01 PM
Die Authentifizierung ist einer der wichtigsten Teile jeder Webanwendung. In diesem Tutorial werden tokenbasierte Authentifizierungssysteme und ihre Unterschiede zu herk?mmlichen Anmeldesystemen erl?utert. Am Ende dieses Tutorials sehen Sie eine voll funktionsf?hige Demo, die in Angular und Node.js geschrieben wurde. Traditionelle Authentifizierungssysteme Bevor wir zu tokenbasierten Authentifizierungssystemen übergehen, werfen wir einen Blick auf traditionelle Authentifizierungssysteme. Der Benutzer gibt seinen Benutzernamen und sein Passwort im Anmeldeformular ein und klickt auf ?Anmelden“. Nachdem Sie die Anfrage gestellt haben, authentifizieren Sie den Benutzer im Backend, indem Sie die Datenbank abfragen. Wenn die Anfrage gültig ist, wird eine Sitzung mit den aus der Datenbank erhaltenen Benutzerinformationen erstellt und die Sitzungsinformationen werden im Antwortheader zurückgegeben, sodass die Sitzungs-ID im Browser gespeichert wird. Bietet Zugriff auf Anwendungen, die unterliegen
PHP-E-Mail-Vorlagen: Passen Sie Ihren E-Mail-Inhalt an und personalisieren Sie ihn.
Sep 19, 2023 pm 01:21 PM
PHP-E-Mail-Vorlagen: Passen Sie Ihre E-Mail-Inhalte an und personalisieren Sie sie. Angesichts der Beliebtheit und weiten Verbreitung von E-Mails k?nnen herk?mmliche E-Mail-Vorlagen den Bedarf der Menschen an personalisierten und individuellen E-Mail-Inhalten nicht mehr erfüllen. Jetzt k?nnen wir mithilfe der Programmiersprache PHP benutzerdefinierte und personalisierte E-Mail-Vorlagen erstellen. Dieser Artikel zeigt Ihnen, wie Sie PHP verwenden, um dieses Ziel zu erreichen, und stellt einige spezifische Codebeispiele bereit. 1. Erstellen Sie eine E-Mail-Vorlage. Zuerst müssen wir eine grundlegende E-Mail-Vorlage erstellen. Diese Vorlage kann ein HTM sein
H?ufig gestellte Fragen zu Vorlagenmetaprogrammierung in C++ im Vorstellungsgespr?ch
Aug 22, 2023 pm 03:33 PM
C++ ist eine in verschiedenen Bereichen weit verbreitete Programmiersprache. Die Template-Metaprogrammierung ist eine fortschrittliche Programmiertechnologie, die es Programmierern erm?glicht, Typen und Werte zur Kompilierzeit zu transformieren. Die Template-Metaprogrammierung ist ein h?ufig diskutiertes Thema in C++, daher werden in Interviews h?ufig Fragen dazu gestellt. Hier finden Sie einige h?ufig gestellte Fragen in Vorstellungsgespr?chen zur Metaprogrammierung von Vorlagen in C++, die Ihnen m?glicherweise gestellt werden. Was ist Template-Metaprogrammierung? Template-Metaprogrammierung ist eine Technik zum Bearbeiten von Typen und Werten zur Kompilierungszeit. Es verwendet Vorlagen und Metafunktionen, um basierend auf Typen und Werten zu generieren
Was ist ein Single-Sign-On-System? Wie implementiert man es mit NodeJS?
Feb 24, 2023 pm 07:33 PM
Was ist ein Single-Sign-On-System? Wie implementiert man es mit NodeJS? Im folgenden Artikel erfahren Sie, wie Sie mit Node ein Single-Sign-On-System implementieren. Ich hoffe, dass er Ihnen weiterhilft!
So fügen Sie eine PPT-Maske hinzu
Mar 20, 2024 pm 12:28 PM
Was die PPT-Maskierung angeht, sind viele Leute sicher nicht damit vertraut, wenn sie PPT erstellen, sondern erfinden es einfach, was ihnen gef?llt. Daher wissen viele Menschen nicht, was PPT-Maskierung bedeutet Ich wei?, was diese Maske bewirkt, und ich wei? nicht einmal, dass sie das Bild weniger eint?nig machen kann. Freunde, die lernen m?chten, kommen und fügen Sie einige PPT-Masken zu Ihren PPT-Bildern hinzu. Wie fügt man also eine PPT-Maske hinzu? Bitte lesen Sie unten. 1. Zuerst ?ffnen wir PPT, w?hlen ein leeres Bild aus, klicken dann mit der rechten Maustaste auf [Hintergrundformat festlegen] und w?hlen eine Volltonfarbe aus. 2. Klicken Sie auf [Einfügen], Wortkunst, geben Sie das Wort ein 3. Klicken Sie auf [Einfügen], klicken Sie auf [Form]
