zoukankan      html  css  js  c++  java
  • less编译工具——koala使用介绍

       

      1:使用koala编译软件  

         官网:http://koala-app.com/index-zh.html (目前官网点击下载没有反应,有人说可能是网络问题,但真正的原因是需要翻墙才能下载了)

        百度网盘:https://pan.baidu.com/s/1dEYL3Df    密码: ywx5    (这里提供一个koala 2.0.4的安装包)

           安装完,双击koala图标,会弹出如下图所示界面,箭头所指是你项目需要编译的less文件

          

               这里需要注意的是,要鼠标右键需要编译的less文件,然后设置文件路径(就是你需要编译的less文件所在路径),如下图:

               

          然后鼠标左键点击less文件,会弹出下图所示右边的编译界面。这里默认自动编译,然后选择normal,在点击执行编译即可

       

               编译成功后会有成功提示,如下图:(编译成功以后,你的项目文件里除了less文件,就会多一个与less文件名相同的css文件)

          

       

              当然这里除了normal选项,也是可以选择compress选项的,它们的区别在于,normal不会把编译less文件后的css文件格式化,compress则会格式化,如下图:

              

               这样开发的时不候不太方便,所以建议还是选择normal

               注:因为此版本不是最新版,所以打开该编译软件的时候会弹出到官网升级的提示,直接关掉即可,当然如果你可以翻墙的话,请无视(23333)

               

               补充说明:

               如果你用的是Hublider编辑器,可以不用koala编译,Hublider自带编译less插件。如下图:

               个人觉得Hubilder自带的编译less插件更好用,你只需要在新建的less文件里面随便写一个样式,然后保存,就会自动生成一个同名的css文件。

                之后你只需要修改less文件里的样式代码,然后保存。同名css文件会自动同步更新并解析。

               

             

     

        

  • 相关阅读:
    设计模式之工厂模式-抽象工厂(02)
    1036 跟奥巴马一起编程 (15 分)
    1034 有理数四则运算 (20 分)
    1033 旧键盘打字 (20 分)
    1031 查验身份证 (15 分)
    大学排名定向爬虫
    1030 完美数列 (25 分)二分
    1029 旧键盘 (20 分)
    1028 人口普查 (20 分)
    1026 程序运行时间 (15 分)四舍五入
  • 原文地址:https://www.cnblogs.com/tu-0718/p/7536602.html
Copyright © 2011-2022 走看看