jade学习

Ii5ting发布于11 年前最后回复11 年前|2 回复4988 浏览0 收藏

jade学习

html转jade是比较省力的一种方法

使用场景：尤其是写bootstrap的时候，当然静态页面转jade也一样

hade是一个html2jade.org的copy，平常打开这个网站比较慢，索性还是在本地弄一个，用的时候一条命令打开

[sudo] npm install -g hade
hade

好处

html和jade互转
对于学习jade是比较好的练习

详见https://github.com/i5ting/hade

查看回复

i5ting#1·11 年前

源码里有部分的socket.io和ace用法，代码没处理，先凑合着用

jiyinyiyong#2·11 年前

如果有写 CoffeeScript 的同学我想推荐这个, 模仿 React 风格, 简单粗暴: https://github.com/teambition/coffee-webpack-starter/blob/master/template.coffee

module.exports = (data) ->
  stir.render stir.doctype(),
    html null,
      head null,
        title null, "Coffee Webpack Starter"
        meta charset: 'utf-8'
        link
          rel: 'icon'
          href: 'http://tp4.sinaimg.cn/5592259015/180/5725970590/1'
        link
          rel: 'stylesheet'
          href: if data.dev then 'src/main.css' else data.style
        script src: data.vendor, defer: true
        script src: data.main, defer: true
      body null,
        div class: 'intro',
          div class: 'title', "This is a demo of Webpack usage."
          line "Open Console to see how it loads."
          div null,
            span null, "Read more at "
            a href: 'http://github.com/teambition/coffee-webpack-starter',
              'github.com/teambition/coffee-webpack-starter'
            span null, '.'
        div class: 'demo',
          React.renderToString Page()

参与回复

登录后即可参与回复。登录

jade学习

回复 (2)