


Explication détaillée des étapes d'utilisation du moteur de modèles de développement frontal de n?uds Jade
May 22, 2018 am 10:32 AMCette fois, je vous apporte le développement frontal de n?udsmoteur de modèlesexplication détaillée des étapes d'utilisation de Jade, quelles sont les précautions pour l'utilisation du moteur de modèles de développement front-end de n?uds Jade , voici des cas pratiques, un Levez-vous et jetez un ?il.
Avec le développement du Web, les applications frontales sont devenues de plus en plus complexes, et le javascript(Node.js) basé sur le back-end a également commencé à émerger. Avec le temps, de plus grandes attentes sont placées sur javascript. Dans le même temps, l'idée de??javascript MVC est également devenue populaire. Afin de séparer l'interface utilisateur des données métiers (contenu), le concept de ? moteur de modèles ? est né.
Pour faire simple, le moteur de modèle est une cha?ne avec plusieurs variables à déterminer dans , et les données y sont insérées dynamiquement via la fonction du moteur de modèle.
Aujourd'hui, nous allons parler des instructions d'utilisation et de grammaire de Jade. Site officiel de Jade?: jade-lang.com/
Outil de ligne de commande Jade
L'utilisation de Jade nécessite l'environnement Node et est installé via l'outil de ligne de commande Jade du package npm, après une installation réussie, vous pouvez créer un nouveau fichier avec le suffixe de fichier *.jade. Nous pouvons utiliser la syntaxe de jade à notre guise. Après l'écriture, il nous suffit de la compiler via l'outil de ligne de commande pour la compiler dans le fichier statique html que nous utilisons habituellement.
Méthode d'installation
1. Déterminez d'abord si l'environnement Node et l'outil npm sont installés?:
Exécutez comme suit dans la commande. outil de ligne Code?:
node?-v =>?v0.10.35 npm?-v =>?1.4.28 //?如果成功返回版本號信息即為已成功安裝?Node?環(huán)境。
2. Installez l'outil de ligne de commande Jade globalement via npm
npm?install?jade?-g //?mac用戶可能需要管理員權(quán)限,使用如下命令 sudo?npm?install?jade?-g
3. Créez un fichier *.Jade et démarrez la tache.
4. Compilez le fichier jade dans un fichier html à l'aide de l'outil de ligne de commande Jade
Comment utiliser l'outil de ligne de commande Jade
Nous pouvons visualiser les paramètres de l'outil de ligne de commande Jade via 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)試選項(xiàng)(函數(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 ??#?在標(biāo)準(zhǔn)IO下使用jade ??$?jade?< my.jade >?my.html ??#?在標(biāo)準(zhǔn)IO下使用jade ??$?echo?'h1?Jade!'?|?jade ??#?foo,?bar?目錄渲染到?/tmp ??$?jade?foo?bar?--out?/tmp
Exemple?:
//?比如說我們需要編譯index.jade文件,默認(rèn)編譯到同文件夾下的同名html?文件中 jade?index.jade //?如果我們要格式化輸出?index.html?文件,只需要添加?-P?參數(shù)即可 jade?-P?index.jade //?如果我們要實(shí)現(xiàn)監(jiān)聽和自動編譯,需要使用?-w?參數(shù) jade?-P?-w?index.jade
Je crois que vous ma?trisez la méthode après avoir lu C'est le cas dans cet article, et il y a des choses plus excitantes. Veuillez prêter attention aux autres articles connexes sur le site Web chinois de php?!
Lecture recommandée?:
Explication détaillée de l'utilisation des balises Jade du moteur de modèle frontal de n?ud
Création de serveur NodeJS et redémarrer l'opération partage de code
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Outils d'IA chauds

Undress AI Tool
Images de déshabillage gratuites

Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.

Clothoff.io
Dissolvant de vêtements AI

Video Face Swap
échangez les visages dans n'importe quelle vidéo sans effort grace à notre outil d'échange de visage AI entièrement gratuit?!

Article chaud

Outils chauds

Bloc-notes++7.3.1
éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Sujets chauds

Explication détaillée et guide d'installation pour les n?uds de pignon Cet article introduira l'écosystème de pignon en détail - n?uds PI, un r?le clé dans l'écosystème de pignon et fournir des étapes complètes pour l'installation et la configuration. Après le lancement du réseau de test de la blockchain pèse, les n?uds PI sont devenus une partie importante de nombreux pionniers participant activement aux tests, se préparant à la prochaine version du réseau principal. Si vous ne connaissez pas encore Pinetwork, veuillez vous référer à ce qu'est Picoin? Quel est le prix de l'inscription? PI Utilisation, exploitation minière et sécurité. Qu'est-ce que Pinetwork? Le projet Pinetwork a commencé en 2019 et possède sa pièce exclusive de crypto-monnaie PI. Le projet vise à en créer un que tout le monde peut participer

Comment gérer le téléchargement de fichiers ? L'article suivant vous expliquera comment utiliser Express pour gérer les téléchargements de fichiers dans le projet de n?ud. J'espère qu'il vous sera utile?!

Cet article partagera avec vous l'outil de gestion de processus de Node "pm2" et expliquera pourquoi pm2 est nécessaire, comment installer et utiliser pm2, j'espère qu'il sera utile à tout le monde !

L'authentification est l'une des parties les plus importantes de toute application Web. Ce didacticiel traite des systèmes d'authentification basés sur des jetons et de leurs différences par rapport aux systèmes de connexion traditionnels. à la fin de ce didacticiel, vous verrez une démo entièrement fonctionnelle écrite en Angular et Node.js. Systèmes d'authentification traditionnels Avant de passer aux systèmes d'authentification basés sur des jetons, examinons les systèmes d'authentification traditionnels. L'utilisateur fournit son nom d'utilisateur et son mot de passe dans le formulaire de connexion et clique sur Connexion. Après avoir effectué la demande, authentifiez l'utilisateur sur le backend en interrogeant la base de données. Si la demande est valide, une session est créée à l'aide des informations utilisateur obtenues à partir de la base de données et les informations de session sont renvoyées dans l'en-tête de réponse afin que l'ID de session soit stocké dans le navigateur. Donne accès aux applications soumises à

Modèles de courrier électronique PHP?: personnalisez le contenu de votre courrier électronique Avec la popularité et l'utilisation généralisée du courrier électronique, les modèles de courrier électronique traditionnels ne peuvent plus répondre aux besoins des utilisateurs en matière de contenu de courrier électronique personnalisé et personnalisé. Nous pouvons désormais créer des modèles d'e-mails personnalisés en utilisant le langage de programmation PHP. Cet article vous montrera comment utiliser PHP pour atteindre cet objectif et fournira quelques exemples de code spécifiques. 1. Créer un modèle d'e-mail Tout d'abord, nous devons créer un modèle d'e-mail de base. Ce modèle peut être un HTM

C++ est un langage de programmation largement utilisé dans divers domaines. Sa métaprogrammation de modèles est une technologie de programmation avancée qui permet aux programmeurs de transformer des types et des valeurs au moment de la compilation. La métaprogrammation de modèles est un sujet largement discuté en C++, les questions qui y sont liées sont donc assez courantes dans les entretiens. Voici quelques modèles courants de questions d'entretien de métaprogrammation en C++ qui pourraient vous être posées. Qu’est-ce que la métaprogrammation de modèles?? La métaprogrammation de modèles est une technique permettant de manipuler des types et des valeurs au moment de la compilation. Il utilise des modèles et des métafonctions pour générer en fonction des types et des valeurs

Qu'est-ce qu'un système d'authentification unique?? Comment l'implémenter en utilisant nodejs ? L'article suivant vous présentera comment utiliser Node pour implémenter un système d'authentification unique. J'espère qu'il vous sera utile?!

Concernant le masquage PPT, beaucoup de gens ne doivent pas le conna?tre. La plupart des gens ne le comprennent pas complètement lorsqu'ils créent un PPT, mais l'inventent simplement pour créer ce qu'ils aiment. Par conséquent, beaucoup de gens ne savent pas ce que signifie le masquage PPT et ne le comprennent pas non plus. Je sais ce que fait ce masque, et je ne sais même pas s'il peut rendre l'image moins monotone. Amis qui veulent apprendre, venez apprendre et ajoutez des masques PPT à vos images PPT. Alors, comment ajouter un masque PPT ? S'il vous pla?t lire ci-dessous. 1. Nous ouvrons d'abord PPT, sélectionnons une image vierge, puis cliquons avec le bouton droit sur [Définir le format d'arrière-plan] et sélectionnons une couleur unie. 2. Cliquez sur [Insérer], Word Art, entrez le mot 3. Cliquez sur [Insérer], cliquez sur [Forme]
