為什么要升級:
jade和注冊商標重名袱蚓,更名為pug。新版本將發(fā)布在pug逾一,jade將停止維護铸本,但是之前使用jade的項目還是能用,只是無法使用新的語法功能遵堵。
Pug安裝:
1箱玷、首先要通過Node.js的npm來安裝pug,直接在cmd里面輸入:npm install –g pug,前提是你安裝了node和npm汪茧,還需要安裝npm install -g pug-cli 椅亚,不然會出現(xiàn)pug not found限番。-g表示全局安裝舱污。檢驗是否安裝成功:pug –V(大寫)。
2弥虐、寫一個test.pug文件扩灯,在cmd里進入test.pug的目錄下,輸入
pug -P -w test.pug回車即可出現(xiàn)rendered test.html霜瘪,修改test.pug的時候珠插,只要保存,html會及時更新颖对。
新版本的改進將逐步取消和刪除一些API和非法語言特性
1捻撑、 Attribute Interpolation 屬性插值(pug中不認識#{link})
//- jade
a(href='#{link}')
a(href='before#{link}after')
/- pug (link表示傳參)
a(href=link)
a(href='before' + link + 'after')
2、each循環(huán)語法修改缤底,去掉前綴 – (pug中不刪去 - 將會報錯)
//- jade
- each a in b
= a
- for a in b
= a
//- pug
each a in b
= a
for a in b
= a
3顾患、基本語法
官網(wǎng)地址https://pugjs.org/language/attributes.html
開發(fā)工具的使用和注意事項
sublime_text暫時只有支持jade的插件
1、ctrl + shift + p 輸入jade
(首先sublime text3得先安裝Package Control擴展管理器)
2个唧、暫時并沒有支持pug的插件:
WebStorm中pug的使用
一個tab相當于4個空格江解,建議統(tǒng)一用tab(ctrl + alt + s設(shè)置編輯器)
Tab和空格混用容易報錯。
批處理文件.bat命名不能以jade和pug來命名: