Chrome DevToolsとSourcemapを使ってSassやCoffeeScriptをブラウザで編集
いままで普通に使っていたけど、知らないという方から質問を受けたので、再確認も含めてざっくりまとめ。 ChromeのDevToolsを活用してブラウザでの開発環境が整ってきている。SassやCoffeeScriptの様なPreprocessorもブラウザで編集、変換、再読込みを自動でできる。 まず、SassはSorcemap対応の3.3系を利用。 [shell] $ gem install sass –pre [/shell] 今回はCoffeeScriptはnpmで [shell] npm install -g coffee-script [/shell] たとえばstyle.scss, script.coffeeという以下のようなファイルがある場合 [css] body { background-color: #000; } [/css] [ruby] func = -> console
CodeKit - THE Mac App for Web Developers
All the Cool Kids Compile Sass, Less, Stylus, CSS, CoffeeScript, Pug, Slim, Haml, TypeScript, JavaScript, ES6, Markdown, JSON, SVG, PNG, GIF and JPEG right out of the box. Dead-Simple Configuration Want compressed CSS? Just check a box. Need to transpile JavaScript? Check a box. Every tool's options are available in a beautiful, clean UI. No more hacking build scripts. Bleeding-Edge Tools Autopref
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
