DreamweaverでLESSとSASSをCSSと同じく使えるようにする

less

僕のMBAにはAdobeのソフトが入っていないので
win用メインで。

twitter Bootstrapの番外編ということで

DreamweaverでLESSを編集する

Win:

C:¥Users¥【ユーザー名】¥AppData¥Roaming¥Adobe¥Dreamweaver CS6¥ja_JP¥configuration¥Extensions.txt

Mac:

/Users/【ユーザー名】/Library/Application Support/Adobe/Dreamweaver CS6/ja_JP/Configuration/Extensions.txt


CSS:Style Sheets

CSS,SCSS,LESS:Style Sheets
に変更。

コードヒントを使えるようにする

Win:

C:¥Users¥【ユーザー名】¥AppData¥Roaming¥Adobe¥Dreamweaver CS6¥ja_JP¥Configuration¥DocumentTypes¥MMDocumentTypes.xml

Mac:

/Users/【ユーザー名】/Library/Application Support/Adobe/Dreamweaver CS6/ja_JP/Configuration/DocumentTypes/MMDocumentTypes.xml

の中、142行目の

<documenttype id=”CSS” internaltype=”Text” winfileextension=”css” macfileextension=”css” file=”Default.css” writebyteordermark=”false” mimetype=”text/css” >

<documenttype id=”CSS” internaltype=”Text” winfileextension=”css,scss,less” macfileextension=”css,scss,less” file=”Default.css” writebyteordermark=”false” mimetype=”text/css” >

に変更する。

カンマ区切りでscssとlessを追加してやればいいそうです。

こちらを参考にやらせて頂きました。
DWでSASSやLESSをCSSと同じ扱いにするための設定

DWでLESSを使う

関連記事

関連する記事は見当たりません…