1. 程式人生 > >命令行實時編譯

命令行實時編譯

元素 IT doc 代碼 編譯 一個空格 type 一點 頁面效果

jade文件:
doctype html
    html
       head
            title jade study
       body
           h1 imoock jade study

在jade文件夾下,終端輸入
jade index.jade

會在index.jade文件的平級聲稱一個index.html

<!DOCTYPE html><html> <head><title>imooc jade study</title></head
><body><h1>imoock jade study</h1></body></html>
這樣生成的是壓縮的html代碼,沒有可讀性

在命令行下輸入
jade -P index.jade
這樣生成的頁面就是這樣子的,是我們要的那種正常的html樣子
<!DOCTYPE html>
<html>
        <head>
            <title>imooc jade study</title>
        </
head> <body> <h1>imoock jade study</h1> </body> </html>

我們每次修改jade文件的時候,需要實時看到頁面效果,肯定不希望,每改完一次都去運行一下jade,執行下面命令行
jade -P -w index.jade
這樣就能實時監控jade文件都修改,頁面實時改變已更改後的內容

從這可以看出jade的一點規律,也就是jade語法上的常識
1、元素的標簽不需要寫尖括號
2、子元素相對於父元素需要保持一個縮進
3、標簽和文本之間要有一個空格的隔開,來區分左邊是標簽,右邊是文本

這幾點是比較基礎的語法特征,



命令行實時編譯