使用命令行,我们可以将 .less 文件编译为 .css 。
以下命令用于使用npm(node package manager)安装lessc,以使less在全局可用。
npm install less -g
您还可以在包名称后面添加特定版本。 例如: npm install less@1.6.2 -g
以下命令用于在项目文件夹中安装 lessc 最新版本。
npm i less -save-dev
它也被添加到你的项目package.json中的devDependencies。
lessc的测试版
当lessc结构发布到npm时,它被标记为beta,其中定期开发新的功能。 less -v 用于获取当前版本。
安装lessc 的未发布开发版本
当我们希望安装一个未发布版本的lessc并遵循将git URL标识为依赖的指令时,commit-ish将被指定。 这将确保您正在使用正确的leesc您的项目。bin / lessc 在存储库中包含二进制。 它的工作窗口,OS X和nodejs * nix。
当源设置为破折号或连字符( - )时,从标准输入读取输入。
lessc [option option=parameter ...] [destination]
例如,我们可以使用下面的命令编译.less到.css
lessc stylesheet.less stylesheet.css
我们可以使用以下命令编译.less到.css by并将结果缩小。
lessc -x stylesheet.less stylesheet.css
以下是在命令行使用中使用的选项。
S.N. | 选项及描述 | 命令 |
---|---|---|
1 | Help
显示帮助消息,其中包含可用的选项。 |
lessc -help lessc -h |
2 |
Include Paths
它包括您希望在较少文件中简单和相对地引用的库的可用路径。 窗口中的路径由冒号(:)或分号(;)分隔。 |
lessc --include-path = PATH1; PATH2
|
3 | Makefile 它输出一个makefile导入依赖列表到stdout。 |
lessc -M lessc --depends |
4 |
No Color
|
lessc --no-color
|
5 | No IE Compatibility IE兼容性检查被禁用。 |
lessc --no-ie-compat
|
6 |
Disable Javascript
|
lessc --no-js
|
7 | Lint 检查语法和报告错误,没有任何输出。 |
lessc --lint lessc -l |
8 |
Silent
|
lessc --silent lessc -s |
9 | Strict Imports 力进口评价。 |
lessc --strict-imports |
10 |
Allow Imports from Insecure HTTPS Hosts
|
lessc --insecure
|
11 | Version 显示版本号并退出。 |
lessc -version lessc -v |
12 |
Compress
|
lessc -x lessc --compress |
13 | Source Map Output Filename 它生成更少的源映射。 如果sourcemap选项没有定义文件名,那么它将使用扩展映射与源少文件名。 |
lessc --source-map lessc -source-map = file.map |
14 |
Source Map Rootpath
|
lessc --source-map-rootpath = dev-files /
|
15 | Source Map Basepath 指定的路径必须从输出路径中删除。 Basepath与rootpath选项相反。 |
lessc --source-map-basepath = less-files /
|
16 | Source Map Less Inline
所有少的文件应该包含在源映射中。 |
lessc --source-map-less-inline
|
17 | Source Map Map Inline 它指定在输出css中映射文件应该是内联的。 |
lessc --source-map-map-inline
|
18 |
Source Map URL
|
lessc --source-map-url = .. / my-map.json
|
19 | Rootpath 它在相对导入和URL中设置URL重写的路径。 |
lessc -rp = resources / lessc --rootpath = resources / |
20 |
Relative URLs
|
lessc -ru lessc --relative-urls |
21 | Strict Math 它处理所有的数学函数在你的CSS。 默认情况下关闭 |
lessc -sm = on lessc --strict-math = on |
22 |
Strict Units
|
lessc -su = on lessc --strict-units = on |
23 | Global Variable 定义可由文件引用的变量。 |
lessc --global-var =“background = green"
|
24 | Modify Variable
修改变量与全局变量选项相反,它移动您的less文件末尾的声明。 |
lessc --modify-var =“background = green"
|
25 | URL Arguments 要移动到每个URL,允许指定参数。 |
lessc --url-args =“arg736357"
|
26 | Line Numbers
生成内联源映射。 |
lessc --line-numbers = comments lessc --line-numbers = mediaquery lessc --line-numbers = all |
27 | Plugin 它加载插件。 |
lessc --clean-css lessc --plugin = clean-css =“advanced" |
使用了CSS3 border-radius属性的界面显示如下图: CSS3 圆角使用 CSS3 border-radius 属性,你可以给任何元素制作 "圆角"。您可...
CSS3,我们可以创建动画,它可以取代许多网页动画图像,Flash动画,和JAVAScripts。CSS3动画CSS3 @keyframes 规则表格中的数字表...
本章节我们为大家介绍使用 CSS 来制作按钮。基本按钮样式默认按钮CSS 按钮CSS 实例.button { background-color: #4CAF50; border...
CSS Margin(外边距) CSS Margin (外边距)属性定义元素周围的空间。CSS Margin 属性接受任何长度单位、百分数值甚至负值。Margin ...
HTML meta 标签content 属性可以使用的值依赖于 meta 标签中name和httpEquiv属性的值。实例描述 HTML 文档内的元数据:headmeta ...
HTML fieldset 标签如果一组表单元素使用了 disabled 属性,则这组表单元素将被禁用,请参考下述的示例:实例禁用一组相关的表单...
实例HTML5 pre标签可以对文档中的文本进行预格式化。请参考下述示例:预格式化的文本:pre此例演示如何使用 pre 标签对空行和 空...
SQL LEN() 函数LEN() 函数返回文本字段中值的长度。SQL LEN() 语法SELECT LEN(column_name) FROM table_name;演示数据库...