1、koala软件的安装和使用--less教程

最新推荐文章于 2023-10-17 15:45:31 发布

anphygvyti09102

最新推荐文章于 2023-10-17 15:45:31 发布

阅读量434

点赞数

原文链接：http://www.cnblogs.com/webBlog-gqs/p/7174712.html

版权

最近在学习less，感觉可以编译的CSS真是爽，懒人必备。

1、我这里使用到koala软件来编译less文件生成CSS。

附上百度网盘下载链接：下载链接

　　　　　　　密码： heqj

最新版本：官网链接如下图：

好了，不管你是用最新版本还是用我百度网盘的，第一步，先安装后并运行这个koala软件。选择设置，更改语言为简体中文，记得关闭软件重启字体更改才会生效。

接下来，我们在桌面创建一个Less文件夹，里面继续创建css和less文件夹和demo.html

我又在CSS文件夹下创建了less文件夹中demo.less

直接上一张GIF如下

从我的动态图可以看到，软件已经给我生成了demo.css那么我的demo.html就可以直接使用了

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>koala的使用--学习less</title>
    <link rel="stylesheet" href="css/demo.css">
</head>
<body>
    <div class="less1"></div>
</body>
</html>

好了，软件的使用就先到这里，less教程将在下一章开始。

顺便把 sublime 工具 less 代码高亮的实现方法也说一下。

第一步，先下载插件代码，我提供了百度下载链接 : Less高亮sublime插件

　　　　　　　　　　　　　　　　　　　　 密码: zr13

下载完了，记得解压（由于我直接压缩的，所以记得解压到文件夹，如下图）

第二步，打开 sublime 如下图

左键浏览插件，然后将解压后的LESS文件夹放到这里就行

很好，到这里插件就已经可以使用了，

第三步，打开之前创建的demo.less

好了，sublime 工具已经支持高亮显示了

转载于:https://www.cnblogs.com/webBlog-gqs/p/7174712.html

anphygvyti09102

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
1、koala软件的安装和使用--less教程

最近在学习less，感觉可以编译的CSS真是爽，懒人必备。1、我这里使用到koala软件来编译less文件生成CSS。附上百度网盘下载链接：下载链接　　　　　　　密码： heqj最新版本：官网链接如下图：好了，不管你是用最新版本还是用我百度网盘的，第一步，先安装后并运行这个koala软件。选择设置，更改语言为简体中文，记得关闭软件重启字体更改...
复制链接

扫一扫