12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273

doctype htmlhtml    head        meta(charset='utf-8')        title 我的网站    body        div            |hehe        a: img(src='#')        div(style={width:"100px",height:"100px"})            测试 div        div(class='test') 我是类名位test的div        .test 我是类名位test的div        #myid 我是id名为myid的div        .myclass#myids 我是有id也有class的div        -var name='张三'            div                名字是#{name}            // 我是注释            //                我是注释一                我是注释二            //- 我是jade注释            //-                我是jade注释一                我是jade注释二        ul            -for(var i=0;i<3;i++)                li 我是循环的li        -var arr = ["小明","小宏","夏培"]            for val in arr                p #{val}        -var arr = [{name:"小华",age:"20"},{name:"李欣",age:"10"}]            for val in arr                p 姓名是 #{val.name} 年龄是 #{val.age}        -var obj = {name:"皇妃",age:"25"}            for item,index in obj                p 属性是 #{index} 属性值是 #{item}        -var judge = true            if judge                p judge的值是true            else                p judge的值是false        -var num = 3            case num                when 1                    p #{num}的值等于1                when 2                    p #{num}的值等于2                when 3                    p #{num}的值等于3大专栏  jsde与gulp使用说明"line">                default                    p #{num}是其他值        //- js写法        script(type='text/javascript').            console.log("你好")            function test(){                console.log("我是test函数")            }        //- 封装函数        mixin list            ul                -for(var i=0;i<3;i++)                    li 我是li里地内容        //- 调用封装函数        +list        +list        //- 定义宠物的html        mixin pet(name,sex)            p 宠物的名字是 #{name}宠物的性别是 #{sex}        //- 传参调用        +pet("大黄","母")        +pet("小强","公")