【less】命令行编译

作者: 德育处主任 | 来源:发表于2018-11-24 10:18 被阅读9次

用命令行编译,需要先把环境配置好。

环境配置教程:【less】环境搭建


【第1步】

win + r,
输入cmd

微信订阅号:Rabbit_svip

【第2步】
进入你存放less的位置。


微信订阅号:Rabbit_svip

首先是先选择盘符,比如 h:
选择盘符后,后面要加冒号。

然后 用cd命令,进入对应目录

cd practice\less\less

【第3步】
用less的命令进行编译


微信订阅号:Rabbit_svip
lessc index.less index.css

首先输入 lessc注意,less后面有’c’

然后找到你写好的less文件,我这里是index.less

然后转换成你想输出的css,名字可以自定义。

回车之后,它就会转换成css文件了。







最后,还有一个好玩的命令,就是把less转换成压缩过的css。

命令是

lessc index.less index.css -x

注意,在上一句命令行后面加了 “ -x ”

相关文章

  • CSS预处理器 LESS

    使用 less代码可以在js中直接被编译,常见的使用less方法包括以下四种 命令行编译 IDE插件VSCode中...

  • Meteor

    1. Meteor 包括什么: 命令行工具 meteor Command 编译器 js, coffee, less...

  • 【less】命令行编译

    用命令行编译,需要先把环境配置好。 环境配置教程:【less】环境搭建 【第1步】 win + r,输入cmd 【...

  • Less基础学习记录

    1.嵌套 经过less编译以后为 2.使用变量 经过less编译以后为 3.转义 经过less编译以后为,~“so...

  • Less基础

    执行时用js编译less Less编译工具 koala 官网:www.koala-app.com less中的注...

  • webpack编译less

    参考 webpack loaders 编译less webpack编译less需要使用到的loader: styl...

  • gulp插件(5) - gulp-less(编译less文件)

    功能描述 将less文件编译成css,当有less文件发生改变自动编译less,并保证less语法错误或出现异常时...

  • Less

    如何使用less Koala自动监视编译/Webpack/FIS Sublime插件less2css自动编译 &&...

  • 网页移动端适配 7.5vw

    vscode less自动转css vscode搜索less安装easyLess插件 less除法编译有问题 参考...

  • LESS/SASS学习记录

    LESS 参考资料:LESS官网w3cplus less入门教程 less的编译 less特性及语法 变量——V...

网友评论

    本文标题:【less】命令行编译

    本文链接:https://www.haomeiwen.com/subject/gaueqqtx.html