资讯专栏INFORMATION COLUMN

less自动编译成css的方法

dackel / 324人阅读

摘要:项目地址方法一使用,这个软件可以实时把编译成,我们只需要安装软件,简单配置就可以了。

项目github地址:https://github.com/aoping/les...

方法一:
使用koala,这个软件可以实时把less编译成css,我们只需要安装软件,简单配置就可以了。

方法二:
使用sublime text的less2css插件
步骤:
1.需要安装node.js,这个到官网下载即可
2.需安装less,方法:命令行输入 npm install less -g
3.sublime安装less2css,方法:

ctrl+shift+p>install Package>输入less2css按Enter

4.配置less2css

Preferences → Package Settings → Less2Css → Settings-Default

5.执行
编写好less文件后 按下ctrl+s 就会在当前目录下生成同名的css文件

6.常见问题


这是因为你没有安装less,解决方案:npm install less -g


这个需要修改less2css配置文件,方法:

Preferences → Package Settings → Less2Css → Settings-User

加入以下代码

{
    "minify":false
}

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/111872.html

相关文章

  • 在 Laravel 项目中使用 Glup 之 Laravel-Elixir

    摘要:结果会被存放到拷贝文件目录你可以使用方法拷贝文件目录到新路径,所有操作都相对于项目根目录版本号缓存刷新很多开发者会给编译的前端资源添加时间戳或者唯一令牌后缀以强制浏览器加载最新版本而不是代码的缓存副本。 环境准备 1、安装 nodejs 和 npm  如果你使用的是 Laravel 的 Homestead 环境,可以不用安装了,已自带。  我们来查看下它们的版本: $ node -v ...

    ralap 评论0 收藏0
  • 前端常用技术概述--Less、typescript与webpack

    摘要:前言讲起前端,我们就不能不讲与,在这两种技术广泛应用的今天,他们的扩展也是层出不穷,的扩展有等,的超集有等。如下注意你的样式文件一定要在引入前先引入。截止目前,已经发布了最新的版本。 前言:讲起前端,我们就不能不讲CSS与Javascript,在这两种技术广泛应用的今天,他们的扩展也是层出不穷,css的扩展有Less、Sass、Stylus等,js的超集有Typescript等。今天我们就简...

    番茄西红柿 评论0 收藏0
  • CSS编译语言Less用法总结

    摘要:例如解析现在流行的预编译语言和的优点简单,易于维护,管理更加容易高效的进行开发使用实现配色将变得非常容易。变量避免编译,有时候需要输出一些不正确的语法或者使用一些不认识的专有语法,在前面加入。对于刚接触的预编译的前端,我推荐用。 1、什么是Less? ​ less官网:Less is More , Than CSS -少即是多,比CSS ​ 官网gitHub:https:/...

    vboy1010 评论0 收藏0
  • css还可以这么写?

    摘要:如果我们使用的话,就可以这么写我们要修改主色,只需要将修改为即可。二让我们可以用伪类的写法去合并一些类。比如会编译成可以看到,生成的中并没有任何的变化,那这个做了什么呢其实在通过引用的对象内发生了变化。 作为一个前端,毫无疑问css肯定是最基础的一项技能之一。css是一个标记语言,没有编程语言的诸多特性,比如变量定义,复用,嵌套等,所以相应的开发效率也受到限制。在追求效率和自动化的当下...

    kidsamong 评论0 收藏0
  • css还可以这么写?

    摘要:如果我们使用的话,就可以这么写我们要修改主色,只需要将修改为即可。二让我们可以用伪类的写法去合并一些类。比如会编译成可以看到,生成的中并没有任何的变化,那这个做了什么呢其实在通过引用的对象内发生了变化。 作为一个前端,毫无疑问css肯定是最基础的一项技能之一。css是一个标记语言,没有编程语言的诸多特性,比如变量定义,复用,嵌套等,所以相应的开发效率也受到限制。在追求效率和自动化的当下...

    zhiwei 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<