一.為什么要學習jade?
- 通常大部分前端開發工作者一開始步入前端開發的時候，都是直接簡單的寫html頁面然后丟給后台開發，后台開發在來嵌入模版。
- 對於日益龐大的前端頁面來說，還是用老的字符串拼接的方法來嵌入html內容已經不適應當下的開發趨勢了。
- 廢話不多說，直接切入正題。
二.開始裝jade。
- jade基於nodejs的開發環境，所以我們首先要安裝nodejs,nodejs的安裝方法其實還是挺復雜的，所以請大家自己去百度或者google,省事可以直接去nodejs的官方網站下載nodejs的安裝包直接安裝就好了。
- 第二步我要安裝npm包管理工具，在node環境下，不裝grunt是無法開展工作的喲。
- 開始安裝jade插件了，下面的就是安裝命令。
三.開始使用jade來構建前端模版。
- 首先我們建立一個文件夾叫jade,然后在創建一個jade的文件叫jade.jade即可。
2.我們在jade文件內寫上jade規模的模版代碼，其實很好看懂。
3.上面代碼估計大家都能看懂，就是創建一個常規的前端html的文件，但是規范是jade的規范，然后我們可以進入cmd命令行工具 cd到當前的文件夾，然后暴力編譯當前的jade文件，會看到同目錄會生成一個壓縮過的html的文件。
4.壓縮的過的可以通過加-P來不壓縮，如果每次更改模版都要打命令行一次很麻煩是不是，我們可以通過加上jade -P -w jade.jade 加上一個-w來開啟監視模式，每次更改模版,html文件都會自動編譯咯。
5.我們現在來看看生成的html文件吧，是不是生成了正常的html dom樹了呢？
四.熟悉jade規范。
- 從圖上可以看出來，子級元素必須要縮進。
- 標簽和文本必須要留有空行。