DreamweaverでLESSとSASSをCSSと同じく使えるようにする
2014/01/28 Web Dreamweaver, 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と同じ扱いにするための設定