pug的安裝和編譯

1、安裝

安裝很簡單

npm install pug

不過這樣安裝可能會出現pug不是内部指令的錯誤提示,在npm的pug頁面也有提示，我們可以用

npm install -g pug-cli

這個指令就不會出現問題了

2、編譯

我們可以先寫一個簡單的index.pug檔案

doctype html
html()
    head
        title 有感
        body
            link(href='./public/css/boostrap.min.css',type='text/css',rel='stylesheet')
            script(src='./public/js/jquery.min.css',type='text/javascript')
            script(src='./public/js/boostrap.min.css',type='text/javascript')

        h1 首頁
           

想要把這個檔案編譯成index.html隻需要在指令行輸入指令就行

有兩種指令分别是

pug index.pug

這個指令編譯出來的是壓縮版的代碼，即沒有空格，換行的代碼顯示

pug -P -w index.pug

這個指令編譯出來的代碼不是壓縮版更具可讀性，并且可以實時編譯，實時編譯就是當我們修改index.pug時，index.html也會被改變

輸完指令回車，cmd會輸出 "rendered index.html"這就表示編譯成功，我們去檔案夾中看，就會發現多了一個index.html檔案，這樣就編譯成功了。