學習前端模板引擎 jade (一),前端jade

來源:互聯網
上載者:User

學習前端模板引擎 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規範。

  

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.