less文件转css

决定学习less，预编译css，第一步便是进行一些简单的环境设置。 我平时用到的工作环境是Webstorm，这里记录的便是我在webstorm配置less解析的过程；我参考了这篇博文，在此感谢作者http://www.cnblogs.com/haley168/p/webstorm_less.html webstorm配置less解析的方法及注意事项

1. 去node的主页下载对应版本的nodejs然后安装下载地址：http://nodejs.org/ 根据自己的系统选择合适的版本下载。   Node.js 32位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x86.msi 64位安装包下载地址: https://nodejs.org/dist/v4.4.3/node-v4.4.3-x64.msi

   安装完成之后打开命令提示符（win+r）或者 开始->搜索->输入npm ,在“命令提示符”下分别输入 node -v 以及 npm -v 如果返回版本号说明你安装成功了

2.  webstorm配置less编辑环境  接下来就可以安装less了，在“命令提示符”下运行命令“npm install less -g”，然后npm就自动开始下载并安装LESS。 配置webstorm（版本10），打开webstorm→file→settings→Tools→file watching 点击“+”→less文件→Program右侧点击“。。。”弹出对话框，选择lessc.cmd文件，例如我的路径是C:\Users\Kuaiing-web\node_modules\.bin\lessc.cmd 然后确定。

3.  使用 在项目中新建my.less文件，使用的时候会自动生成同名css文件。 0k，配置完成！

less文件转css

原文：http://www.cnblogs.com/songping/p/6377318.html