用于 css.less 文件的 IDE Dreamweaver

Posted

技术标签:

【中文标题】用于 css.less 文件的 IDE Dreamweaver【英文标题】:IDE for css.less files dreamweaver 【发布时间】:2011-05-26 04:52:51 【问题描述】:

我正在使用 lesscss,即 CSS 的“框架/编译器”。我的 IDE Dreamweaver 无法将 .less 识别为 CSS。所以那里没有错误检查或代码完成等细节。有什么我可以做的吗?

【问题讨论】:

【参考方案1】:

Dreamweaver 可以配置为识别“新”文件类型并将它们视为可在首选项下进行编辑。您还可以编辑一些配置文件以帮助 DreamWeaver 弄清楚如何处理这些文件,以便它进行代码突出显示等,但根据我的经验,它并不总是像您期望的那样工作。另一方面,可以配置lesscss输出.css文件吗?

这是一篇关于让 Dreamweaver 添加新文件类型的 Adob​​e 文章。 http://kb2.adobe.com/cps/164/tn_16410.html

【讨论】:

【参考方案2】:

尝试为您的 css 文件添加扩展名:less.css。 示例:styles.less.css。

这对我有用,但我仍然需要一个基本样式表,例如:styles.css。

【讨论】:

【参考方案3】:

还有,

您可以使用免费(捐赠软件)插件直接在 Dreamweaver 中将 .less 文件编译为 .css:

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

【讨论】:

【参考方案4】:

更少的语法高亮扩展

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

【讨论】:

.less 文件正在被识别并且可以使用此扩展名在 Dreamweaver CS3 中打开。语法高亮对于变量和嵌套规则并不完美,但是有基本的 CSS 语法高亮和代码提示就很好了。 @Fatih Hayrioğlu 感谢您的链接!【参考方案5】:

根据我的经验,Dreamweaver 很难使用 LESS。它不能正确处理嵌套,并且会将它们着色,就好像它们是语法错误一样。但是,它基本上是可行的,因为自动完成至少仍然有效,并且除了嵌套项目之外的所有内容的整体着色都可以。 (至少对我来说)

上面提到的扩展也不能在 mac 上运行。

如果您在让 DW 无法打开和颜色代码 LESS 时遇到问题,试试这个--

1) 更改一些 DW 配置文件:

对于 Mac 用户,有两个配置文件夹(至少对于 DW5.5)。必须更改两组相同的文件,总共四个文件:

~/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

和 -

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

此技术说明会告诉您在这些文件中究竟要更改哪些内容: http://helpx.adobe.com/dreamweaver/kb/change-add-recognized-file-extensions.html

安装 LESS 编译器

对于那些使用 mac 的人来说,这个小应用程序非常好用。它所做的只是查看您的 less 文件并在保存时自动将它们保存到 css。 http://incident57.com/less/

我希望这对某人有帮助!

【讨论】:

【参考方案6】:

您可以强制 DW “识别文件”,尽管据我所知没有解析。这可能会有所帮助:http://blog.assortedgarbage.com/2012/03/using-dreamweaver-with-sass-and-less/ 这可能会有所帮助

【讨论】:

【参考方案7】:

http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&extid=2756522# 这实际上完成了所有这些以及更多,因为 CSS 和 less 有一些不同的语法,特别是在相互嵌套规则时。

【讨论】:

以上是关于用于 css.less 文件的 IDE Dreamweaver的主要内容,如果未能解决你的问题,请参考以下文章

如何知道在哪里使用 css、less 和 Sass? [关闭]

LESSC 将包含的文件编译成 CSS

css的预处理器less的混合函数的用法

头文件中的 CSS/less 仅适用于索引页面

在流星中使用 chrome DevTools 的实时 css/less/scss 版本

webpack的使用