国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

初步認(rèn)識(shí)pug

supernavy / 1324人閱讀

摘要：一初步認(rèn)識(shí)所謂的就是我們之前說的也就是一種通過縮進(jìn)的方式來編寫代碼的過程，在編譯的過程中，我們不需要考慮標(biāo)簽是否閉合的問題。使用縮進(jìn)來表示標(biāo)簽間的嵌套關(guān)系，這樣可以構(gòu)建一個(gè)代碼的樹狀結(jié)構(gòu)持續(xù)更新，歡迎大家指教

一、初步認(rèn)識(shí)pug

1.所謂的pug就是我們之前說的jade,也就是一種通過縮進(jìn)的方式來編寫代碼的過程，在編譯的過程中，我們不需要考慮標(biāo)簽是否閉合的問題。此外，用這種編譯方式，加快了我們寫代碼的速度，也為代碼復(fù)用提供了便捷。

2.在學(xué)習(xí)pug基礎(chǔ)語法之前，首先要了解pug的命令行的使用,例如：

doctype html

    html

    head

            title aaa

    body

在文件里面寫上述程序，然后以xxx.pug的格式保存，再再終端命令輸入 pug xxx.pug,按下回車鍵，我們?cè)诨氐街暗捻?xiàng)目編譯器，就會(huì)發(fā)現(xiàn)在編譯器內(nèi)出現(xiàn)了與xxx同名的xxx.html文件，點(diǎn)開之后會(huì)發(fā)現(xiàn)html 基礎(chǔ)格式已經(jīng)打印出來了。但是這里有一個(gè)問題，基礎(chǔ)格式的排版并不像我們平時(shí)書寫的格式，這里就需要我們?cè)趯ug格式轉(zhuǎn)化為HTML的時(shí)候輸入命令 pug -P xxx.pug;就可以得到我們想要的格式了。為了實(shí)時(shí)自動(dòng)更新出現(xiàn)我們修改后的代碼樣式，我們還可以這樣輸入終端命令：pug -P -w xxx.pug;不想繼續(xù)更新，快捷鍵為：ctrl+c.

3.路徑設(shè)置

如果并不希望在當(dāng)前目錄下輸入編譯后的HTML文件，而是有自定義目錄的需求，則需要設(shè)置-o參數(shù)

如下設(shè)置，index.html將輸入到a目錄下面，如果a目錄不存在，則會(huì)新建a目錄：

pug index.pug -o a

4.批量編譯：

假設(shè)編譯href下的所有pug文件，則可以這樣寫：pug href

5.結(jié)構(gòu)語法：

標(biāo)簽

【樹狀】

在默認(rèn)情況下，在每行文本的開頭（或者緊跟白字符的部分）書寫這個(gè) HTML 標(biāo)簽的名稱。使用縮進(jìn)來表示標(biāo)簽間的嵌套關(guān)系，這樣可以構(gòu)建一個(gè) HTML 代碼的樹狀結(jié)構(gòu)

ul

li Item A

li Item B

li Item C       .
持續(xù)更新，歡迎大家指教！

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/52798.html

相關(guān)文章

  • 初步認(rèn)識(shí)pug

    摘要：一初步認(rèn)識(shí)所謂的就是我們之前說的也就是一種通過縮進(jìn)的方式來編寫代碼的過程，在編譯的過程中，我們不需要考慮標(biāo)簽是否閉合的問題。使用縮進(jìn)來表示標(biāo)簽間的嵌套關(guān)系，這樣可以構(gòu)建一個(gè)代碼的樹狀結(jié)構(gòu)持續(xù)更新，歡迎大家指教 一、初步認(rèn)識(shí)pug 1.所謂的pug就是我們之前說的jade,也就是一種通過縮進(jìn)的方式來編寫代碼的過程，在編譯的過程中，我們不需要考慮標(biāo)簽是否閉合的問題。此外，用這種編譯方式，加...

    anRui 評(píng)論0 收藏0

  • vue+webpack+scss+jade(pug)的環(huán)境搭建

    摘要：標(biāo)簽聲明轉(zhuǎn)載須經(jīng)本人同意這篇博客就聊一聊如何用搭建的環(huán)境，以及拓展了下如何在搭建好的環(huán)境中使用以及，廢話不多說，直接進(jìn)入主題。第三步補(bǔ)充，依賴擴(kuò)展現(xiàn)在，我們搭建的環(huán)境并不支持，語法，我們需要再加工一下配置。 標(biāo)簽：vue,webpack,jade,scss聲明：轉(zhuǎn)載須經(jīng)本人同意這篇博客就聊一聊如何用webpack搭建vue2.0的環(huán)境，以及拓展了下如何在搭建好的環(huán)境中使用scss以及p...

    GraphQuery 評(píng)論0 收藏0

  • JavaScript面向?qū)ο?em>初步認(rèn)識(shí)

    摘要：一面向?qū)ο蟪醪秸J(rèn)識(shí)什么是對(duì)象一句話解釋萬物皆對(duì)象對(duì)象是有屬性的用來寫入對(duì)象的應(yīng)用接口接口簡單的說就是后臺(tái)提供給前端提供數(shù)據(jù)的，讓我們進(jìn)行渲染請(qǐng)求接口的時(shí)候我們會(huì)用到一個(gè)函數(shù)小例子代碼如下背心吊帶無袖打底衫內(nèi)搭 一、面向?qū)ο蟪醪秸J(rèn)識(shí) 1.什么是對(duì)象？ 一句話解釋： 萬物皆對(duì)象 對(duì)象是有屬性的：用{ }來寫入！ 2.對(duì)象的應(yīng)用（接口） jsonshowImg(https://segment...

    selfimpr 評(píng)論0 收藏0

  • JavaScript面向?qū)ο?em>初步認(rèn)識(shí)

    摘要：一面向?qū)ο蟪醪秸J(rèn)識(shí)什么是對(duì)象一句話解釋萬物皆對(duì)象對(duì)象是有屬性的用來寫入對(duì)象的應(yīng)用接口接口簡單的說就是后臺(tái)提供給前端提供數(shù)據(jù)的，讓我們進(jìn)行渲染請(qǐng)求接口的時(shí)候我們會(huì)用到一個(gè)函數(shù)小例子代碼如下背心吊帶無袖打底衫內(nèi)搭 一、面向?qū)ο蟪醪秸J(rèn)識(shí) 1.什么是對(duì)象？ 一句話解釋： 萬物皆對(duì)象 對(duì)象是有屬性的：用{ }來寫入！ 2.對(duì)象的應(yīng)用（接口） jsonshowImg(https://segment...

    kbyyd24 評(píng)論0 收藏0

  • JavaScript面向?qū)ο?em>初步認(rèn)識(shí)

    摘要：一面向?qū)ο蟪醪秸J(rèn)識(shí)什么是對(duì)象一句話解釋萬物皆對(duì)象對(duì)象是有屬性的用來寫入對(duì)象的應(yīng)用接口接口簡單的說就是后臺(tái)提供給前端提供數(shù)據(jù)的，讓我們進(jìn)行渲染請(qǐng)求接口的時(shí)候我們會(huì)用到一個(gè)函數(shù)小例子代碼如下背心吊帶無袖打底衫內(nèi)搭 一、面向?qū)ο蟪醪秸J(rèn)識(shí) 1.什么是對(duì)象？ 一句話解釋： 萬物皆對(duì)象 對(duì)象是有屬性的：用{ }來寫入！ 2.對(duì)象的應(yīng)用（接口） jsonshowImg(https://segment...

    jonh_felix 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<