Help us understand the problem. What is going on with this article?

コマンドラインで、Jade => HTML変換するワンライナー

More than 3 years have passed since last update.

CLIでクリップボード上のJadeをHTMLに変換する。

毎度Web上( http://jade-lang.com/ )に変換しに行くのが少々だるいので、CLIで変換できるワンライナーを仕込んでみた。更に楽したいからクリップボードの内容を置き換える様にしておきました。jade2htmlとかにしてalias貼っておくとなお良。
Jadeで作ったAngular DirectiveのtemplateをJSXとかに変換していくときとかに使ってください。

必要な道具

$ pip install jsbeautifier

コマンド

$ pbpaste | jade | js-beautify -f - --html | pbcopy

Example

入力

doctype html
html(lang="en")
  head
    title= pageTitle
    script(type='text/javascript').
      if (foo) {
         bar(1 + 5)
      }
  body
    h1 Jade - node template engine
    #container.col
      if youAreUsingJade
        p You are amazing
      else
        p Get on it!
      p.
        Jade is a terse and simple
        templating language with a
        strong focus on performance
        and powerful features.

出力

<!DOCTYPE html>
<html lang="en">

<head>
    <title></title>
    <script type="text/javascript">
        if (foo) {
            bar(1 + 5)
        }
    </script>
</head>

<body>
    <h1>Jade - node template engine</h1>
    <div id="container" class="col">
        <p>Get on it!</p>
        <p>Jade is a terse and simple templating language with a strong focus on performance and powerful features.</p>
    </div>
</body>

</html>


メモ

http://tylermurphyphysics.blogspot.jp/2015/06/beautify-javascript-on-your-clipboard.html

ここの記事で--stdin オプション使えるよって書いてたんだけど、なくなってた。代わりに-f -としてファイルオプションに-ハイフンを渡すとstdinから出力を使える様に変わってた。

st44100
lie付 Hacker : 家宝はThe Avalanches - Since I Left You オリジナル豪盤
cyberagent
サイバーエージェントは「21世紀を代表する会社を創る」をビジョンに掲げ、インターネットテレビ局「AbemaTV」の運営や国内トップシェアを誇るインターネット広告事業を展開しています。インターネット産業の変化に合わせ新規事業を生み出しながら事業拡大を続けています。
http://www.cyberagent.co.jp/
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away