IDE for css.less files dreamweaver

U

7

9

I'm using lesscss, the 'framework/compiler' for css. My IDE, dreamweaver, does not recognize .less as CSS. So no niceties such as error checking or code completion there. Is there anything I can do about that?

Unoccupied answered 15/12, 2010 at 21:33 Comment(0)

V

5

Dreamweaver can be configured to recognize "new" filetypes and treat them as editable under preferences. You can also edit some config files to help DreamWeaver figure out how to treat the files so it does code highlighting, etc., though in my experience, it does not always work as you would expect. On the other hand, can lesscss be configured to output .css files?

Here's an Adobe article on getting Dreamweaver to add new file types. http://kb2.adobe.com/cps/164/tn_16410.html

Vanthe answered 15/12, 2010 at 21:39 Comment(0)

C

2

less syntax highlighter extention

http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&extid=2756522#

Canarese answered 19/1, 2012 at 23:16 Comment(1)

.less files are being recognized and can be opened in Dreamweaver CS3 with this extension. Syntax-highlighting isn't perfect with variables and nested rules, but having basic CSS syntax-highlighting and code hinting is nice. @Fatih Hayrioğlu Thanks for the link! – Rickeyricki 30/11, 2013 at 15:36

K

2

You can force DW to "recognize the files" although not parsing as far as I know. This might be of help : http://blog.assortedgarbage.com/2012/03/using-dreamweaver-with-sass-and-less/ that might be of help

Kra answered 8/8, 2012 at 8:51 Comment(0)

C

1

Try giving the extension: less.css, to your css file. Example: styles.less.css.

This worked for me, but I still need a base stylesheet, such as: styles.css.

Cordite answered 23/4, 2011 at 12:48 Comment(0)

C

1

Also,

You can compile .less files to .css directly from within Dreamweaver using a free (Donation-ware) plugin:

http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&extid=2692522

Claude answered 6/9, 2011 at 8:51 Comment(0)

K

1

Dreamweaver has a very hard time with LESS, in my experience. It doesn't properly handle nesting and will color those as though they are syntax errors. However, it is mostly workable since the auto-complete does at least still work, and the overall coloring is okay on everything except nested items. (at least for me)

Also the extensions that are referenced above do not work on mac.

If you are having trouble getting DW to be able to open and color code LESS at all, try this--

1) Change some DW config files:

For Mac users, there are TWO configuration folders (at least for DW5.5). Two sets of identical files, FOUR in total files, have to be changed:

~/Library/Application Support/Adobe/Dreamweaver CS5.5/en_US/Configuration/DocumentTypes/MMDocumentTypes.xml ~/Library/Application Support/Adobe/Dreamweaver CS5.5/en_US/Configuration/Extensions.txt

and -

Adobe Dreamweaver CS5.5/Configuration/DocumentTypes/MMDocumentTypes.xml Adobe Dreamweaver CS5.5/Configuration/Extensions.txt

And this technote tells you what exactly to change in those files: http://helpx.adobe.com/dreamweaver/kb/change-add-recognized-file-extensions.html

Install a LESS Compiler

and for those on mac, this little app works GREAT. All it does is watch your less files and automatically save them to css on save. http://incident57.com/less/

I hope that is helpful to someone!

Kanchenjunga answered 19/5, 2012 at 16:45 Comment(0)

O

0

http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&extid=2756522# This actually does all that and more, as CSS and less have a little different syntax specially when it comes to nesting rules inside one another.

Ortegal answered 25/4, 2013 at 12:42 Comment(0)

Recommended topics

Hot tags