less文件转css

最新推荐文章于 2021-02-26 09:20:17 发布

weixin_34116110

最新推荐文章于 2021-02-26 09:20:17 发布

阅读量114

点赞数

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

版权

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

去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 如果返回版本号说明你安装成功了
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 然后确定。
使用在项目中新建my.less文件，使用的时候会自动生成同名css文件。 0k，配置完成！

转载于:https://www.cnblogs.com/songping/p/6377318.html