资讯专栏INFORMATION COLUMN

Vue进阶课堂之《从HTML到Pug》

TIGERB / 1498人阅读

摘要:是啥听起来或许比较陌生,但是如果说起她的前生,相信各位多少会有耳闻。如何使用即可本人喜欢使用,前两者有共有的哲学,说自己就是,同样的,也就是,你可以理解成语法糖。后续还会有与教程,这三个搭配在一起,恩,基本就是无多余代码的极简风了。

是啥

Pug听起来或许比较陌生,但是如果说起她的前生,相信各位多少会有耳闻:Jade。
每当你不停的敲打<><><><>的时候,可曾想过,这该死的箭头是不是可以拿掉?这不单单是看着不舒服,有时候还会因为行数过多,而导致你头晕眼花。
或许你知道,有个东西叫emmet,它是解决了你写的时候多写的那些内容,但是并没有解决冗余的代码行数,更不要提在你没有完全熟练使用emmet前,脑子里面需要进行大量的预翻译!
那么是否有一种既能减少代码量,又能不做预翻译的方案呢,呐呐呐,Jade这个后端模板出现了,然后改名叫Pug了,现在Vue也支持这个语法,具体请往下看。

如何使用

npm i -D pug pug-loader