???? ?? ????? ?? ??? ?? Jade? ???? ??? ?? ????? ?? ??? ?? Jade?? ???? ?? ??? ?? ??? ?????. ????.

?? ??? ?? ????? ??????? ?? ? ?????, ??? ??? javascript(Node.js)? ?? ???? ??????. ??? ??? JavaScript MVC ????? ??? ?? ??????. ??? ?????? ???? ???(???)? ???? ?? '??? ??'??? ??? ??????.

??? ??? ??? ??? ?? ??? ???? ?? ????? ???? ??? ?? ??? ?? ???? ??? ?????.

??? Jade? ???? ?? ??? ?? ?????????. Jade ?? ????: jade-lang.com/

Jade ??? ??

Jade? ????? Node ??? ???? ???. ??? ??? ? Jade ??? ??? ?????. , ??? *.jade? ?? ???? ???? ? ??? ??? ? ????. ??? jade? ??? ??? ??? ? ????. ??? ??? ??? ??? ?? ?? ????? ???? html ?? ??? ?????? ?? ???.

?? ??

1. ?? Node ??? npm ??? ???? ??? ?????.

??? ???? ?? ??? ?????.

node?-v
=>?v0.10.35
npm?-v
=>?1.4.28
//?如果成功返回版本號信息即為已成功安裝?Node?環(huán)境。

2. npm

npm?install?jade?-g
//?mac用戶可能需要管理員權限，使用如下命令
sudo?npm?install?jade?-g

3? ?? *.Jade ??? ???? ??? ?????.

4. Jade ??? ??? ???? jade ??? html ??? ??????

Jade ??? ?? ?? ??

Jade? ?? 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ù)據對象
??-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)?/?關閉編譯的調試選項(函數(shù)會更小)
??-w,?--watch????watch?files?for?changes?and?automatically?re-render?/?監(jiān)聽文件改變并自動刷新編譯結果
??--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

?:

//?比如說我們需要編譯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

? ??? ??? ??? ? ??? ??????? ?????. ? ???? ??? ??? PHP ??? ????? ?? ?? ??? ?????!

?? ??:

?? ????? ??? ??? Jade ?? ??? ?? ??? ??

nodeJS ?? ?? ? ??? ?? ?? ??

? ??? ?? ??? ?? ?? ??? ?? Jade? ???? ??? ?? ??? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!