用sublime text3 编译less并且转换成css

最新推荐文章于 2019-11-05 21:28:04 发布

原创最新推荐文章于 2019-11-05 21:28:04 发布 · 5.4k 阅读

CC 4.0 BY-SA版权

文章标签：

40 篇文章

订阅专栏

4 篇文章

订阅专栏

3 篇文章

订阅专栏

本文介绍如何在Sublime Text 3中配置LESS预处理器，并实现LESS文件自动转换为CSS文件的功能。主要步骤包括安装必要的插件、Node.js环境配置及LESS编译工具设置等。

1、在sublime text3 安装插件less和Less2Css

2、安装nodejs

3、设置添加环境变量

4、安装less，打开cmd ,输入npm install -g less 然后再安装一个插件less-plugin-clean-css 命令为：npm install -g less-plugin-clean-css

5、在sublime新建.less文件，然后输入less，每次ctrl+s保存的时候，改less文件会自动保存到当前目录下变成.css文件

2 条评论

weixin_40818589 2018.03.06
创建less时出现还是报错： unable to load plugin clean-css please make sure that it is installed under or at the same leval as less 怎么回事？
- 鹤彭回复weixin_40818589 2018.04.17
  [reply]weixin_40818589[/reply]按照二楼说的，把less版本降到1.6.2 就可以了
- weixin_40818589回复weixin_40818589 2018.03.27
  [reply]weixin_40818589[/reply] 降低版本就好了
- 墨墨博客回复weixin_40818589 2018.03.23
  [reply]weixin_40818589[/reply] 把less版本降低试试比如： npm install less@1.6.2 -g
- beyrlpan回复weixin_40818589 2018.03.22
  [reply]weixin_40818589[/reply] 请问你这个解决了吗，我也碰到这个问题了

weixin_37475736 2018.03.01
Unable load plugin clean-css please make sure that it is installed under or at the same level as less 报这个错是怎么回事啊
- 墨墨博客回复weixin_37475736 2018.03.04
  [reply]weixin_37475736[/reply] 你确定全局安装了less和插件less-plugin-clean-css了吗？