本地或者是koala软件编译less文件为css

背景:

事情的起因是这般的,平时工作是在线上办公,样式是使用less来写,于是乎,这样我从线上download下来的less文件无法直接在自己的本地环境运行。有一个问题就是我要把less文件先编译成css文件,这样我才能在文件引入使用。对了,那我为什么不从线上拿通过前端构建工具打包编译好的css文件,这个已经被编译好的文件时有的,但是我只想取某一小段,要去找又因为被压缩过,找起来不方便,才有下面的内容。两个方法,1、我在本地装了less。2、另一种方法下载koala软件来编译less代码。

一、本地安装less来编译less文件

style.less

.wrap{
    header {
        font-size: 12px;
    }
    .content {
        font-size: 12px;
    }
}

在OSX安装遇到的问题:

上面是我写的一小段less代码。安装less根据lesscss.cn提示的方法,过程是一个命令,不过这里我想说我OSX下安装遇到的问题。

一句命令:$ npm install -g less    (全局环境下安装)

但在OSX有可能会遇到权限不足的问题,报错信息的最后第二行。

npm ERR! Please try running this command again as root/Administrator.

解决方法:在OSX命令行下,要用管理员的身份安装,加上sudo。

sodu $npm install -g less 就能解决该问题。

安装好less之后,如何使用?

lessc style.less   style.css   这样就已经把less编译为css了。

开心啊,我最初的问题成功解决了,下次我就能从线上项目拿出那段我想要的less代码,在本地编译后引入到文件中使用。但是有一个小问题,那我是否每次修改,每次都要去命令行编译less代码,有点麻烦。搜索了一下,可以使用koala软件实施监控less代码改变,然后编译这个文件。

 二、下载koala软件来编译less代码

下载地址http://koala-app.com/index-zh.html

遇到一个坑,编译文件的文件夹名不能是less,会导致编译不了,我栽坑了。

然后就是把文件拖过去,就好了。

参考链接:

http://www.w3cplus.com/blog/777.html

时间: 2024-12-17 03:34:46

本地或者是koala软件编译less文件为css的相关文章

nodejs 批量编译less 文件为css

http://www.html-js.com/article/1359 我们在用less时,有时会有很多less块,一个一个手动编译很麻烦,使用下面的代码,可以一次性递归编译 在项目less文件目录,新建个js文件.粘贴代码如下 var fs = require('fs'), path = require('path'), exec = require('child_process').exec, sourcePath, targetPath; //获取命令行中的路径 process.argv.

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

最近在学习less,感觉可以编译的CSS真是爽,懒人必备. 1.我这里使用到koala软件来编译less文件生成CSS. 附上百度网盘下载链接: 下载链接   密码:  heqj 最新版本:官网链接  如下图: 好了,不管你是用最新版本还是用我百度网盘的,第一步,先安装后并运行这个koala软件.选择设置,更改语言为简体中文,记得关闭软件重启字体更改才会生效. 接下来,我们在桌面创建一个Less文件夹,里面继续创建css和less文件夹和demo.html 我又在CSS文件夹下创建了less文件

CentOS配置本地yum源(使用镜像iso文件)

本人在使用yum安装软件的时候,感觉最不爽的是网络不佳时,安装的速度特别慢.所以,个人就上网search了一下如何使用Linux的安装文件作为其yum源.经过几次尝试,已经可以成功的配置了.下面是详细的介绍: (1)个人的使用环境 本人的CentOS是安装在vmware上的:VMware workstation 7.1.1 + CentOS 5.5 (2)yum使用的相关文件介绍 CentOS使用的yum源是在/etc/yum.repos.d/目录下的两个文件中进行配置的CentOS-Base.

virtualbox中配置CentOS的本地磁盘镜像作为其软件源

CentOS(以及红帽系列)都有yum软件源的概念,即在终端通过命令可以直接从软件源下载软件并安装.除了网络上的软件源(如网易.搜狐.中科大镜像)外,我们也可以使用下载好的CentOS镜像来作为软件源.它包含了大部分常用软件,而在我们安装CentOS系统的时候,很多时候是选择性安装的,所以并没有把所有的软件安装到系统中. 因为很多人是在虚拟机里配置Linux的,所以这里介绍一些如何在virtualbox中配置CentOS本地磁盘镜像作为其软件源.学会了这个,即使不是虚拟机,就是在实体机上安装的C

软件编译安装小结

本文主要针对 configure 和 cmake 做一个介绍以及我们重新配置编译参数文件时,都需要做哪些清理操作 做一个说明. configure和cmake的比较 configure 是一个sh脚本文件,它负责处理大量的幕后工作,包括检测操作系统内核和已经安装的软件,参数的解析,中间目录的生成以及根据各种参数生成一些C源码文件.Makefile文件等.它提供了非常多的参数选项供我们使用,我们可以通过这些参数选项来控制软件的安装目录.数据文件路径.配置文件路径,以及一些特殊选项如--with-p

MAC笔记本下Android 反编译apk文件最新版本

这篇文字主要是针对MAC笔记本反编译APK的教程,都是最新的,首先需要的工具罗列出来: apktool dex2jar JD-JUI 主要就是这3个工具了. apktool作用:主要是用来反编译res下面的xml文件. dex2jar作用:主要是用来反编译APK查看源代码的. JD-JUI作用: 查看dex2jar反编译出来的jar文件. 如果APK混淆后,一般只能清除的查看出xml文件的内容也就是res下的所有文件,代码基本看不懂,也就是一些a b c 这样的名字,不可大致可以看看基本的,看看

前端开发环境之GRUNT自动WATCH压缩JS文件与编译SASS文件

前端开发环境之GRUNT-JAVASCRIPT任务运行器 前言: 1.sass编译为css文件,早先时刻写css,后来看了sass挺不错的,于是在新的项目中开始使用上了sass. 原方法: ①安装ruby ②编译sass文件(eg:style) sass style.scss style.css ③监控文件/文件夹的变化来自动编译sass文件 sass --watch style.scss:style.css #file sass --watch cssFilePath            

jdgui反编译+javac编译=无源文件修改代码

首先我们要知道,打包好的Java程序中都是编译好的字节码文件(*.class),这些class文件会在运行的时候被加载到JVM中. 若想替换掉某一个类,那么只需要将该类的源码重新编译然后再替换之前的class文件即可. 那么如果没有源代码怎么办呢?这个时候我们可以用反编译软件来反编译class文件,反编译软件中比较有名是jd-GUI,可以从官网上下载到最新的版本 我这里使用的是jd-gui-0.3.6.windows 下载完之后将class文件或者jar包拖到jd-gui的窗口中就可以看到反编译

Android 反编译 apk 文件

我想看 apk 的源码怎么办?那么就要用到 apk 反编译工具. 先说一下反编译的思路: 1)apk 文件其实就是一个压缩包.将文件后缀 .apk 修改为 .zip 即可通过解压软件打开.打开压缩包可以看见几个文件: 要看源码,只需要关注 classes.dex 就行,这个文件就是 apk 的源码. 2)classes.dex 是被 android sdk 打包好的源码文件,无法直接打开.这时需要一个打开  classes.dex 的工具 3)打开之后的源码是一些 .class 文件,学过 Ja