2011-01-28 21 views
5

Estoy tratando de encontrar la manera de comenzar a usar archivos SASS en Dreamweaver.Trabajando con SASS en Adobe Dreamweaver

El mensaje de error que recibo al intentar abrir es: "No se puede encontrar un editor válido para esta extensión de archivo".

Todos mis archivos SASS son válidos y se abren bien con Eclipse.

Gracias de antemano a cualquier persona que pueda publicar algún consejo sobre este.

+0

http://sass-lang.com/editors .html no muestra Dreamweaver como un editor de Sass compatible. ¿Significa que tener uno de los editores de texto más populares y más caros del mercado no podrá codificar en este metalenguaje tan popular y popular? – dkatwitt

+0

Esta es una vieja pregunta, pero en caso de que alguien llegue aquí desde Google: Dreamweaver 2017 ahora incluye soporte completo para scss, incluido un procesador integrado. – Michelle

Respuesta

7

OK. He encontrado la respuesta.

Todo lo que necesita hacer es abrir Dreamweaver, vaya a Edición> Preferencias> Tipos de archivos/Editores y en el cuadro de texto superior ("Abrir en la vista de código:") enumerando varias extensiones de archivos agregue .sass.

Eso es todo. El resto se debe a haml y brújula.

Espero que esta publicación ayude a cualquiera que tenga un problema similar.

+1

¿No te refieres a .scss? – firedrawndagger

+0

De vuelta en un día todavía estaba usando la sintaxis sass antigua, pero lo mismo se aplica a .scss – dkatwitt

4

ir aún más lejos y crea Dreamweaver tratar archivos .scss como archivos .css (aplicando colores de código y la sangría), sólo tienes que seguir las instrucciones de esta Adobe TechNote

+0

Muchas gracias por este enlace, Alonso. Lo intenté ayer en CS5. Encontré Extensions.txt y lo edité, pero en esta nueva versión de Dreamweaver la estructura de la carpeta debe ser ligeramente diferente ya que no pude encontrar el archivo MMDocumentTypes.xml. Por lo tanto, resaltar sass como css no me funciona todavía, pero le daré otra oportunidad y también lo probaré en otra máquina con CS3 y publicaré los resultados aquí tan pronto como llegue. – dkatwitt

4

El enlace visual28 ya no funciona. Aquí está un resumen rápido de here

DreamweaverCS?/Configuration/DocumentTypes/MMDocumentTypes.xml 

Si el cambio de Windows a winfileextension="css"winfileextension="css,scss"

Si el cambio Mac macfileextension="css" a macfileextension="css,scss"

3

en lugar de ir en el directorio de instalación para encontrar el archivo 'MMDocumentTypes.xml' , Vaya a

C: \ Users \\ AppData \ Roaming \ Adobe \ Dreamweaver CS5? \ En_US \ Configuración \ DocumentTypes \ MMDocumentTypes.xml

y luego encontrar winfileextension="css" y el cambio a winfileextension="css,scss" ...

que definitivamente trabajar ..

+0

Eso era definitivamente lo que me faltaba: los cambios en el archivo MMDocumentTypes.xml en Archivos de programa no estaban haciendo nada. Cambiar el archivo en AppData sí. – firedrawndagger

2
  1. actualización a la última versión de Dreamweaver

  2. Asegúrese de que 'Mostrar archivos ocultos' está activado en el Panel de control> Opciones de carpeta

  3. Abra su usuario carpeta por ejemplo, C: \ users \ Dylan \ reemplazando con su nombre

  4. Entonces abierta AppData/Roaming/Adobe/Dreamweaver CS6/en_US/Configuración/

  5. Abrir el archivo Extensions.txt

  6. Sustituir la primera línea con lo siguiente:

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, MENOS, 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, INSTALAR, TEMA, CONFIGURAR, MÓDULO, PERFIL, MOTOR, SVG: Todos Documentos

  1. reemplazar la siguiente línea:

CSS: Hojas de estilo

Con

CSS, menos, SCSS: Hojas de estilo

  1. guarde y salga del archivo

  2. Ir a la carpeta DocumentTypes

  3. abra el archivo llamado MMDocumentTypes.xml

  4. reemplace la línea que comienza con:

=> Identificación del DocumentType = "CSS"

con

<documenttype id="CSS" internaltype="Text" 
winfileextension="css,less,sass,scss" macfileextension="css" 
file="Default.css" writebyteordermark="false" mimetype="text/css" > 
  1. Guardar y salga del archivo y reinicie Dreamweaver

  2. El resaltado de sintaxis ahora trabaja