2012年08月14日
Textmate 2でLESS @ Mac
HTMLはZen Codingで書きやすくなったので、今度はスタイルシートを記述する環境を改善する為に、Textmate 2のLESS対応を行いました。まずはバンドルファイル。GitHubから持ってきて解凍するとフォルダーになってしまい、インストールをどうするのか、Textmate初心者としては悩みました。結局フォルダー名をless.tmbundleにして、Zen Codingの時と同様の場所にインストールすれば動きました。
appden/less.tmbundle · GitHub
>>関連リンク
インストール先
/Users/(ユーザー名)/Library/Application Support/TextMate/Managed/Bundles
バンドルファイルだけではLESSのコンパイルはしてくれないので、次はコマンドラインツールのlesscですが、lesscのコマンドに関してはnodeをインストールして、npmでインストールすればOK。ただし、-gをつける必要があるのかな。あれこれ試したので本当に必要かどうかはよく分かってなかったりする。
npm install -g less
これで完了かと思ったら、バンドルファイルに同梱されている、LESSからCSS変換コマンドが上手く動かない。パスが通ってない感じだったので、フルパス記述して見たがダメ。記述方法を変えたりしてもダメで、何故だって感じで結構悩みました。結局、Textmateの設定にある、VariablesでPATHを追加して、ターミナルで、echo $PATHした結果を書けば良かったみたいです。勝手に参照してくれれば良いのに・・・。
パスを通して、やっとコマンドが動く状態になったのですが、バンドルファイルに付いているコマンドだとちょっと不便。って事で、書き換えようかと思ったら良い物を発見。内容を下記のスクリプトに書き換えました。これで自動的に、LESSファイルと同じ名前のCSSファイルを作ってくれます。
barbuza's gist: 1723950 ― Gist
>>関連リンク
関連日記
- 2008年02月21日 テキストエリアの自動拡張 (5731)@ ウェブ
- 2006年08月19日 Google Wireless Transcoder (4992)@ 携帯電話
- 2007年01月19日 広島のアクセスポイント (4355)@ 広島
- 2007年03月04日 安倍晋三氏公式ウェブサイトのUNIXコマンド (4135)@ ウェブ
- 2007年09月18日 jQueryでテーブルをシマシマに (3827)@ ウェブ
- 2013年05月14日 [Unity] ARライブラリーまとめ (3732)@ iOS
- 2014年08月09日 iOS7でGKVoiceChatServiceとGKSession (3689)@ iOS
- 2008年12月06日 第10回 .NET 勉強会 / ヒーロー島 (3662)@ Windows
- 2008年03月09日 Skype Wi-Fiフォンセット (3621)@ 携帯電話
- 2012年04月24日 Adobe CS6(ウェブ関連) (3563)@ ウェブ
- 2011年08月22日 TwitterのGridデザインCSS「Bootstrap」 (3514)@ ウェブ
- 2006年11月27日 DSMIDIWiFi (3456)@ 音楽
- 2014年11月26日 オムロン HVC-Cベータ版のサンプルプログラム (3445)@ iOS
- 2012年11月23日 HTML制作環境を刷新(2) Compassも使ってみる (3251)@ ウェブ
- 2006年03月03日 MX Kollectionで使われているカレンダー (3094)@ ウェブ
- 2007年09月05日 気になるJavaScriptライブラリー (3091)@ ウェブ
- 2012年11月18日 HTML制作環境を刷新 (3067)@ ウェブ
- 2007年09月12日 気になるJavaScriptフレームワーク (3007)@ ウェブ
- 2010年07月15日 ワイヤレスプレゼンシステム「GW-AP150PRS」 (2926)@ Mac
- 2008年03月08日 jQueryでグラフ描画 (2917)@ ウェブ
- 2012年10月10日 LESSからSCSSへ乗り換えか? (2765)@ ウェブ
- 2008年10月19日 livedoor Wireless (2668)@ ウェブ
- 2008年03月25日 NHKオンライン (2541)@ ウェブ
- 2007年02月13日 Yahoo!無線LANスポット (2538)@ Mac
- 2011年03月26日 WIST(Wireless Sync-Start Technology) (2508)@ 音楽
- 2005年11月18日 再びiTMSで50円アルバム (2447)@ 音楽
- 2013年05月11日 TexturePacker その1 (2345)@ Mac
- 2008年02月04日 ライブドア・ワイヤレスとFON (2342)@ ウェブ
- 2011年04月25日 HP Photosmart Wireless B110a (2264)@ Mac
- 2007年08月21日 Kinkless GTD (2161)@ Mac
アマゾン広告
この日記ページは閲覧数などの条件に応じて、閲覧制限を行っています。他からリンクしていただいても、そのリンクから辿った閲覧者が当ページの内容をご覧頂けない場合があります。ご了承下さい。