Skip to content

less #1

@Wscats

Description

@Wscats

环境配置,下载客户端所需要的less.js
注意吧rel属性改为stylesheet/less
<link rel="stylesheet/less" type="text/css" href="styles.less" />
然后下面再引入,注意顺序不能反了
<script src="less.js" type="text/javascript"></script>
写完上面的代码后面,页面应该如下面代码:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
        <title>wsscat less demo</title>
    </head>
    <link rel="stylesheet/less" type="text/css" href="styles.less"/>
    <script type="text/javascript" src="less.js" ></script>
    <body>
    </body>
</html>

注意less文件里面要有内容,不然会报以下错误
这里写图片描述

node环境下安装
Win:npm install -g less
Mac或者linux:sudo npm install -g less注意带sudo不然没有安装权限
这里写图片描述
下面这句话我们就可以把styles.less转化为styles.css
lessc styles.less styles.css
less官方帮助
语法参考

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions