Dreamweaver中Less自动完成

什么是LESS？它是一种 动态 样式 语言，将 CSS 赋予了动态语言的特性，如 变量， 继承， 运算， 函数。 LESS 既可以在 客户端 上运行 (支持IE 6+, Webkit, Firefox)，也可以借助Node.js或者Rhino在服务端运行。

 

 

 组织上开始考虑用LESS了，上周把语法又熟悉了一遍。话说关注LESS已经有段时间了，还在本地写过小Demo跑着玩，在上个东家工作的时候曾跟组里提过，要不要试试，无奈这玩意不单单牵扯页面仔，还依赖其它开发兄弟配合，而其它人对此明显不感兴趣，最后你懂的...... 

 

说正题，工欲善其事，必先利其器！习惯了用Dreamweaver开 发页面，但目前Dreamweaver还不支持LESS，手动修改xml文件可以实现高亮和自动完成，不想换IDE的兄弟只能先这样对付用着了。为什么说 是对付用着，因为手动修改还是沿用CSS文件的语法提示，所以当括号嵌套时仍然会提示语法错误，你只能用你强大的内心一遍遍的告诉自己那是对的。

 

步骤：

1. 编辑---->首选参数---->文件类型/编辑器---->在代码视图中打开---->添加".less"后缀

 

2. 修改下面两个xml文件中 id为CSS 的 documenttype标签中属性 winfileextension="css" 和macfileextension="css"改为 winfileextension="css,less"  和 macfileextension="css,less"

C:\Program Files (x86)\Adobe\Adobe Dreamweaver CS6\configuration\DocumentTypes\MMDocumentTypes.xml

C:\Users\%你的用户名%\AppData\Roaming\Adobe\Dreamweaver CS6\zh_CN\configuration\DocumentTypes\MMDocumentTypes.xml

 

3. 重启DW