什么是LESS?它是一种 动态 样式 语言,
将 CSS 赋予了动态语言的特性,如 变量, 继承, 运算, 函数。 LESS 既可以在 客户端 上运行 (支持IE 6+, Webkit, Firefox),也可以借助Node.js或者Rhino在服务端运行。
![Dreamweaver中Less自动完成 - Cat - istyles](http://img2.ph.126.net/RmTC5WIeITfuozW7mXnviA==/6597395222098356442.png)
说正题,工欲善其事,必先利其器!习惯了用Dreamweaver开 发页面,但目前Dreamweaver还不支持LESS,手动修改xml文件可以实现高亮和自动完成,不想换IDE的兄弟只能先这样对付用着了。为什么说 是对付用着,因为手动修改还是沿用CSS文件的语法提示,所以当括号嵌套时仍然会提示语法错误,你只能用你强大的内心一遍遍的告诉自己那是对的。
步骤:
1. 编辑---->首选参数---->文件类型/编辑器---->在代码视图中打开---->添加".less"后缀
![Dreamweaver中Less自动完成 - Cat - istyles](http://img0.ph.126.net/NRMK-WXpGaCeypia8wVbQQ==/6597140135400852750.png)
2. 修改下面两个xml文件中 id为CSS 的 documenttype标签中属性
winfileextension="css" 和
macfileextension="css"改为
winfileextension="css,less" 和
macfileextension="css,less"
![Dreamweaver中Less自动完成 - Cat - istyles](http://img0.ph.126.net/S0keN89nXUQ35r5Wxm_oCw==/2480920444745488410.png)
C:\Users\%你的用户名%\AppData\Roaming\Adobe\Dreamweaver CS6\zh_CN\configuration\DocumentTypes\MMDocumentTypes.xml
3. 重启DW