Trabajar con archivos Less y SASS en Dreamweaver CS6

dw3

Dreamweaver CS6 no reconoce archivos  LESS y SASS por default  , así que tenemos que realizar unos  sencillos pasos para poder trabajar con ese tipo de archivos .

Estos pasos son para Windows ,  creo que en Mac no debería ser tan difícil de realizar, solo  hay que tomar en cuenta  las rutas  que son diferentes,  pero los archivos a editar son los mismos.

1. Cerrar Dreamweaver

2. Con tu editor favorito abre el archivo ( con permisos de administrador ) “MMDocumentTypes.xml” que se encuentra en este directorio:

C:\Program Files (x86)\Adobe\Adobe Dreamweaver CS5\configuration\DocumentTypes

3. Busca la siguiente linea : 

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

4. Reemplaza por esta :

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

5. Guarda el archivo.

6. Abre el archivo  ( con permisos de administrador )     “Extensions.txt”  que se encuentra en el siguiente directorio :

C:\Program Files (x86)\Adobe\Adobe Dreamweaver CS5\configuration

7. Busca esta línea:

CSS:Style Sheets

8. Reemplazarla  por :

CSS,SCSS,LESS:Style Sheets

9. Guarda el archivo

 10.Abre  el archivo llamado  “Extensions.txt”, que se encuentra en la siguiente ubicación :

C:\Users\[USERNAME]\AppData\Roaming\AdobeDreamweaver CS5\en_US\Configuration

10. Busca esta línea:

CSS:Style Sheets

11. Reemplazarla  por :

CSS,SCSS,LESS:Style Sheets

12. Guarda el archivo

13. Abre en Dreamweaver   un archivo .less  y deberíamos  trabajar igual que con archivos CSS.

Comments
  1. Susana Responder

Leave a Reply

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *