sublime安装less2css,保存less文件同时生成对应css文件
来源:互联网 发布:邮箱营销软件 编辑:程序博客网 时间:2024/05/21 23:09
less2css,顾名思义,就是讲less文件转化为css文件。
如果你使用sublime编辑器,如果你想使用less,那么我们就需要安装插件啦!
插件一:less
插件二:less2css。
第一个插件less可以使less文件代码高亮,很是友好哦。
第二个插件less2css可以在你保存less文件的同时在相同目录下生成同名的css文件。
安装步骤来啦!
ctrl +shift +p 或 preferences->package control
在文本框中输入install后再输入less按回车 , 此时注意sublime左下角的信息安装提示,一般都会成功的。成功之后只需要重启sublime就可以看到less文件的代码高亮显示啦!
同样的步骤安装less2css。但是less2css安装完成后还不可以,less2css插件依赖lessc这个工具,https://github.com/fengdi/lessc下载这个压缩包,然后解压后放到Sublime Text\Data\Packages\lessc文件夹里,重启sublime,编辑less文件之后保存,css文件一并就生成啦!
整个安装过程中,刚开始下载了less.js-windows文件,还要设置环境变量,但sublime下一保存less文件就会出现错误,解决了一个问题还是会出现其他的错误,最终放弃了。希望大家可以不走弯路,快乐的使用sublime吧!
接着,如果你在保存less文件中,如果出现了以下问题:
"Preferences" -> "Package Settings" -> "Less2Css" -> "Settings - user"
添加如下代码:
{
"minify": false,
}
如果加载less文件,可以在head标签内部添加这些。这种方式下,测试火狐可以正常显示less设置的样式。谷歌是不可以。
所以咱们还是用上边的less2css转化为css后,老老实实加载css吧。
- sublime安装less2css,保存less文件同时生成对应css文件
- sublime中将less编译成css的插件less2css
- sublime text3 安装less2css
- sublime text 3 怎样安装及使用less插件,并且能够自动编译css文件
- less压缩css文件
- Less文件转换成css文件---安装使用lessc编译.less文件--预编译
- thinkphp多文件上传同时生成缩略图,保存到数据库
- SublimeText Less2Css和高亮less插件安装
- 关于Sublime text 3如何编辑less并转(编译)成css文件,亲测可用
- Sublime text 3如何编辑less并转(编译)成css文件
- 将less文件转换成css文件
- 在WebStorm里配置watcher实现编辑less文件时自动生成.css文件
- Sublime Text 2的Less2Css插件介绍与安装
- nodejs 批量编译less 文件为css
- sublime less自动变成css
- php生成文件同时下载
- sublime text3 less和scss文件高亮显示
- 在WebStorm里配置watcher实现编辑less文件时自动生成.map和压缩后的.css文件
- 南邮 OJ 2058 万万没想到(2)
- 构造函数初探
- poj2828
- sql之left join、right join、inner join的区别
- Android菜单menu控件大全
- sublime安装less2css,保存less文件同时生成对应css文件
- 学习 ab 命令的自我总结
- SQL SERVER 2008 R2 数据库下载
- 3279POJ
- app和app后端的通讯
- JSON.stringify可以输出格式化的JSON字符串
- 设计模式--代理模式
- HDOJ1004
- 【HDU】5362 Just A String【生成函数dp】