SCSS – SASS – LESS Syntax Highlighting On Dreamweaver CS6 – Windows Only

SCSS – SASS – LESS Syntax Highlighting On Dreamweaver CS6 – Windows Only

1. Update to the latest version of Dreamweaver

2. Ensure that ‘Show hidden files’ is enabled in Control Panel > Folder options

3. Open your user folder eg C:\users\Dylan\ replacing with your name

4. Then open AppData/Roaming/Adobe/Dreamweaver CS6/en_US/Configuration/

5. Open the file Extensions.txt

6. Replace the first line with the following:

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,LESS,SCSS,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

7. Replace the following line:

CSS:Style Sheets

With

CSS,LESS,SCSS:Style Sheets

8. Save and exit the file

9. Go to the folder DocumentTypes

10. Open the file named MMDocumentTypes.xml

11. Replace the line beginning with:

<documenttype id="CSS"

with

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

12. Save and exit the file, and restart Dreamweaver

13. Syntax highlighting now works

 


Jayesh Patel
Author
Jayesh Patel

Jayesh Patel is a Professional Web Developer & Designer and the Founder of InCreativeWeb.

As a highly Creative Web/Graphic/UI Designer - Front End / PHP / WordPress / Shopify Developer, with 14+ years of experience, he also provide complete solution from SEO to Digital Marketing. The passion he has for his work, his dedication, and ability to make quick, decisive decisions set him apart from the rest.

His first priority is to create a website with Complete SEO + Speed Up + WordPress Security Code of standards.



Explore

Related Articles

11th April, 2024

W3 Total Cache: A Comprehensive Review & Guide for 2024

8th April, 2024

Top 10 Must-Have Web Design Resources and Tools for 2024

8th April, 2024

Unleash Accessibility Potential in Front-end Development