在Dreamweaver中象css一樣編輯.scss

在DW中預設是不支援.scss尾碼名的檔案代碼高亮以及代碼提示,不過還好DW提供了相關的擴充配置

需要調整幾個檔案(OS:WIN7,DW:5.0)：

找到 D:\Program Files\Adobe\Adobe Dreamweaver CS5\configuration\Extensions.txt 
以及 C:\Users\aNd1coder\AppData\Roaming\Adobe\Dreamweaver CS5\zh_CN\Configuration\Extensions.txt 

 

將 CSS:Style Sheets 修改為 CSS,SCSS:Style Sheets

 

找到 D:\Program Files\Adobe\Adobe Dreamweaver CS5\configuration\DocumentTypes\MMDocumentTypes.xml

搜尋CSS並修改css部分配置為：

<documenttype id="CSS" internaltype="Text" winfileextension="css,scss" macfileextension="css,scss" 
file="Default.css" writebyteordermark="false">
<TITLE>
<MMString:loadString id="mmdocumenttypes_30"/>
</TITLE>
<description>
<MMString:loadString id="mmdocumenttypes_31"/>
</description>
</documenttype>

最後還有一步就是：

開啟Dreamweaver 》編輯 》首選參數 》 檔案類型/編輯器 》在代碼試圖中開啟,添加.scss尾碼名 並重啟，到這裡就全部搞掂...

 

參考串連：

http://tracehello.wordpress.com/2011/03/19/making-dreamweaver-cs5-read-scss-as-css/

http://www.visual28.com/articles/less-scss-syntax-highlighting-in-dreamweaver

http://stackoverflow.com/questions/4830437/working-with-sass-in-adobe-dreamweaver