LESSファイルをドリームウィーバーでも使えるようにする方法
LESSファイルはドリームウィーバーCS6だと非対応らしいので、DWでも開けるようにしたいと思います。
ファイルをCSSと同じように認識させる
Windows
[html]
C:¥Users¥<ユーザー名>¥AppData¥Roaming¥Adobe¥Dreamweaver CS6¥ja_JP¥configuration¥Extensions.txt
[/html]
Mac
[html]
/Users/<ユーザー名>/Library/Application Support/Adobe/Dreamweaver CS6/ja_JP/Configuration/Extensions.txt
[/html]
このテキストファイルをテキストエディタで開きます。
[c]
HTM,HTML,SHTM,SHTML,HTA,HTC,XHTML,STM,SSI,JS,JSON,AS,ASC,ASR,XML,XSL,XSD,DTD,XSLT,RSS,RDF,LBI,DWT,ASP,ASA,ASPX,ASCX,ASMX,CONFIG,CS,CSS,CFM,CFML,CFC,TLD,TXT,PHP,PHP3,PHP4,PHP5,PHP-DIST,PHTML,JSP,WML,TPL,LASSO,JSF,VB,VBS,VTM,VTML,INC,SQL,JAVA,EDML,MASTER,INFO,INSTALL,THEME,CONFIG,MODULE,PROFILE,ENGINE,SVG:All Documents
HTM,HTML,HTA,HTC,XHTML:HTML Documents
SHTM,SHTML,STM,SSI,INC:Server-Side Includes
JS,JSON:JavaScript Documents
XML,DTD,XSD,XSL,XSLT,RSS,RDF:XML Files
LBI:Library Files
DWT:Template Files
CSS:Style Sheets
ASP,ASA:Active Server Pages
ASPX,ASCX,ASMX,CS,VB,CONFIG,MASTER:Active Server Plus Pages
CFM,CFML,CFC:ColdFusion Templates
AS:ActionScript Files
ASC:ActionScript Communication Files
ASR:ActionScript Remote Files
TXT:Text Files
PHP,PHP3,PHP4,PHP5,TPL,PHP-DIST,PHTML:PHP Files
LASSO:Lasso Files
JSP,JST:Java Server Pages
JSF:Fireworks Script
TLD:Tag Library Descriptor Files
JAVA:Java Files
SQL:SQL Files
ASX:Windows Media Advanced Stream Redirector
WML:WML Files
EDML:EDML Files
VBS:VBScript Files
VTM,VTML:VTML Files
SVG:Scalable Vector Graphics Files
[/c]
このようになっていると思います。8行目のCSSの箇所を変更します
[c]
HTM,HTML,SHTM,SHTML,HTA,HTC,XHTML,STM,SSI,JS,JSON,AS,ASC,ASR,XML,XSL,XSD,DTD,XSLT,RSS,RDF,LBI,DWT,ASP,ASA,ASPX,ASCX,ASMX,CONFIG,CS,CSS,CFM,CFML,CFC,TLD,TXT,PHP,PHP3,PHP4,PHP5,PHP-DIST,PHTML,JSP,WML,TPL,LASSO,JSF,VB,VBS,VTM,VTML,INC,SQL,JAVA,EDML,MASTER,INFO,INSTALL,THEME,CONFIG,MODULE,PROFILE,ENGINE,SVG:All Documents
HTM,HTML,HTA,HTC,XHTML:HTML Documents
SHTM,SHTML,STM,SSI,INC:Server-Side Includes
JS,JSON:JavaScript Documents
XML,DTD,XSD,XSL,XSLT,RSS,RDF:XML Files
LBI:Library Files
DWT:Template Files
CSS,SCSS,LESS:Style Sheets
ASP,ASA:Active Server Pages
ASPX,ASCX,ASMX,CS,VB,CONFIG,MASTER:Active Server Plus Pages
CFM,CFML,CFC:ColdFusion Templates
AS:ActionScript Files
ASC:ActionScript Communication Files
ASR:ActionScript Remote Files
TXT:Text Files
PHP,PHP3,PHP4,PHP5,TPL,PHP-DIST,PHTML:PHP Files
LASSO:Lasso Files
JSP,JST:Java Server Pages
JSF:Fireworks Script
TLD:Tag Library Descriptor Files
JAVA:Java Files
SQL:SQL Files
ASX:Windows Media Advanced Stream Redirector
WML:WML Files
EDML:EDML Files
VBS:VBScript Files
VTM,VTML:VTML Files
SVG:Scalable Vector Graphics Files
[/c]
CSS,SCSS,LESS:Style Sheetsと変更します。これでDWで開けるようになります。
コードヒントを使えるようにします
Dwのコードヒントがこのままではつかえないので、つかえるようにします。
Windows
[html]
C:¥Users¥<ユーザー名>¥AppData¥Roaming¥Adobe¥Dreamweaver CS6¥ja_JP¥Configuration¥DocumentTypes¥MMDocumentTypes.xml
[/html]
Mac
[html]
/Users/<ユーザー名>/Library/Application Support/Adobe/Dreamweaver CS6/ja_JP/Configuration/DocumentTypes/MMDocumentTypes.xml
[/html]
142行目付近のコードを変更します
[html]
<documenttype id="CSS" internaltype="Text" winfileextension="css" macfileextension="css" file="Default.css" writebyteordermark="false" mimetype="text/css" >
[/html]
scss,lessを追加します
[html]
<documenttype id="CSS" internaltype="Text" winfileextension="css,scss,less" macfileextension="css,scss,less" file="Default.css" writebyteordermark="false" mimetype="text/css" >
[/html]
これでつかるようになります。
個人支援・寄付について
サイトラボでは個人支援・寄付を受けております。ご協力いただける方はお願いいたします。当サイトではビットコインで受け付けております。
- ビットコイン:3LHnADwZwUbic2L45EnVJEykiG6KfbqrwS