4.6 視圖與模塊引擎 · StuQ《Node.js微信開發》

# view && template ## 設置 ~~~ // view engine setup app.set('views', path.join(__dirname, 'views')); app.set('view engine', 'jade'); ~~~ ## jade jade學習 * [http://jade-lang.com/reference/](http://jade-lang.com/reference/) * [https://github.com/i5ting/study-jade](https://github.com/i5ting/study-jade) html轉jade是比較省力的一種方法使用場景：尤其是寫bootstrap的時候，當然靜態頁面轉jade也一樣 hade是一個html2jade.org的copy，平常打開這個網站比較慢，索性還是在本地弄一個，用的時候一條命令打開 ~~~ [sudo] npm install -g hade hade ~~~ ![](https://github.com/i5ting/hade/raw/master/ScreenShot.png) 好處 * html和jade互轉 * 對于學習jade是比較好的練習詳見[https://github.com/i5ting/hade](https://github.com/i5ting/hade) ## more Template engine consolidation library for node.js [https://github.com/tj/consolidate.js](https://github.com/tj/consolidate.js) ## Supported template engines * [atpl](https://github.com/soywiz/atpl.js) * [doT.js](https://github.com/olado/doT)?[(website)](http://olado.github.io/doT/) * [dust (unmaintained)](https://github.com/akdubya/dustjs)?[(website)](http://akdubya.github.com/dustjs/) * [dustjs-linkedin (maintained fork of dust)](https://github.com/linkedin/dustjs)?[(website)](http://linkedin.github.io/dustjs/) * [eco](https://github.com/sstephenson/eco) * [ect](https://github.com/baryshev/ect)?[(website)](http://ectjs.com/) * [ejs](https://github.com/visionmedia/ejs) * [haml](https://github.com/visionmedia/haml.js)?[(website)](http://haml-lang.com/) * [haml-coffee](https://github.com/9elements/haml-coffee)?[(website)](http://haml-lang.com/) * [hamlet](https://github.com/gregwebs/hamlet.js) * [handlebars](https://github.com/wycats/handlebars.js/)?[(website)](http://handlebarsjs.com/) * [hogan](https://github.com/twitter/hogan.js)?[(website)](http://twitter.github.com/hogan.js/) * [htmling](https://github.com/codemix/htmling) * [jade](https://github.com/visionmedia/jade)?[(website)](http://jade-lang.com/) * [jazz](https://github.com/shinetech/jazz) * [jqtpl](https://github.com/kof/node-jqtpl)?[(website)](http://api.jquery.com/category/plugins/templates/) * [JUST](https://github.com/baryshev/just) * [liquor](https://github.com/chjj/liquor) * [lodash](https://github.com/bestiejs/lodash)?[(website)](http://lodash.com/) * [mote](https://github.com/satchmorun/mote)?[(website)](http://satchmorun.github.io/mote/) * [mustache](https://github.com/janl/mustache.js) * [nunjucks](https://github.com/mozilla/nunjucks)?[(website)](https://mozilla.github.io/nunjucks) * [QEJS](https://github.com/jepso/QEJS) * [ractive](https://github.com/Rich-Harris/Ractive) * [react](https://github.com/facebook/react) * [swig](https://github.com/paularmstrong/swig)?[(website)](http://paularmstrong.github.com/swig/) * [templayed](http://archan937.github.com/templayed.js/) * [liquid](https://github.com/leizongmin/tinyliquid)?[(website)](http://liquidmarkup.org/) * [toffee](https://github.com/malgorithms/toffee) * [underscore](https://github.com/documentcloud/underscore)?[(website)](http://documentcloud.github.com/underscore/) * [walrus](https://github.com/jeremyruppel/walrus)?[(website)](http://documentup.com/jeremyruppel/walrus/) * [whiskers](https://github.com/gsf/whiskers.js)