Coda2でsassを使えるようにしてみる

世間では「Sublime Text 2」が大人気な感じですが、私は「Coda2」派です!
と宣言してみたのですが、ちょっと浮気しそうな・・・その理由は”sass”+”compass”。
なので、まずはCoda2でsassを使えるようにしてみました。

その前準備として、Mac OS Xにsassをインストールする必要があります。
更にその前準備として、Mac OS Xでルートユーザを有効にする必要があります。
その方法は下記を参考に。

この設定が完了したら、以下の流れでsassをインストールします。
1.rootユーザになる
[bash light=”true”]# su
Password:
[/bash]
2.Mac OS X側にsassプラグインをインストール
[bash light=”true”]
sh-3.2# gem install sass
[/bash]
Mac OS X側のsassプラグインはrubyのプラグインですので”gem”でインストールします。
3.Coda2用sassプラグイン
次にCoda2側にインストールするsassプラグインをダウンロードします。
secca / Coda-Sass-Plug-in . GitHub
ここの[ZIP]をクリックしてzipファイルをダウンロードし、解凍します。
解凍したら、その中に「SassPlug-in.zip」というファイルがあるので、これを解凍します。
すると、「Sass.codaplugin」というファイルが入っています。
このファイルをCoda2のプラグインフォルダに移動またはコピーします。
プラグインフォルダは下記になります。
/ユーザ名/Library/Application Support/Coda 2/Plug-ins
Coda2を再起動します。
するとメニューの「プラグイン」に”sass”という項目が追加されています。
4.使い方
拡張子が”.scss”というファイルを作成し、その中にsassコードを書き込みます。
その後、[control]+[shift]+[s]を押すと、同じフォルダ内に同じファイル名で”.css”拡張子のファイルが作成されます。
[tmkm-amazon]4774147052[/tmkm-amazon]

Share this post

CONTACT

 

お問い合わせ

Webサイト製作、デザイン、WordPressなどに関するご相談、ご依頼などお待ちしております。

Information

エムティ・デザインはフリーランス(個人事業主)として主にWeb制作を行っています。
Webサイトのコンセプトワーク、デザイン、文章作成・修正から実際のサイト構築、写真の撮影やサーバの構築・管理に至るまで全てをワンストップでご提案できることが一つの大きな特徴です。

Contact Information

本部・制作室 / 長崎県大村市(普段はこちらに: 個人宅のため住所非公開)
福岡 / 〒810-0001 福岡県福岡市中央区天神4丁目6-28 天神ファーストビル7F
東京 / 〒104-0061 東京都中央区銀座1-22-11 銀座大竹ビジデンス2F (期間限定)

Phone 050-5830-2822 (旧 050-5857-5623)

営業時間 月~金 10:00~17:00 / 休業日 土日、祝祭日(これ以外の休業日は随時お知らせ)

オンラインミーティング対応 : Discord / Zoom / Skype / Google Meetなど

Support Area

日本全国対応可能
対面のミーティングが可能な地域、リモートミーティングのみで対応の地域などあります。
2024〜2025年、特に力を入れている地域:
福岡県大牟田市、みやき市、筑後市、大川市、柳川市、久留米市
佐賀県佐賀市、鳥栖市、武雄市、嬉野市など佐賀県全域

NEWS

Copyright (C) MT-Design , All rights reserved.