編程教程Less 命令行用法
使用命令行，我們可以將 .less 文件編譯為 .css 。
安裝lessc以供全局使用
以下命令用于使用npm(node package manager)安裝lessc，以使less在全局可用。
npm install less -g
您還可以在包名稱后面添加特定版本。例如:npm install less@1.6.2 -g
安裝Lessc用于節(jié)點(diǎn)開發(fā)
以下命令用于在項(xiàng)目文件夾中安裝lessc 最新版本。
npm i less -save-dev
它也被添加到你的項(xiàng)目package.json中的devDependencies。
lessc的測(cè)試版
當(dāng)lessc結(jié)構(gòu)發(fā)布到npm時(shí)，它被標(biāo)記為beta，其中定期開發(fā)新的功能。less -v用于獲取當(dāng)前版本。
安裝lessc的未發(fā)布開發(fā)版本
當(dāng)我們希望安裝一個(gè)未發(fā)布版本的lessc并遵循將git URL標(biāo)識(shí)為依賴的指令時(shí)，commit-ish將被指定。 這將確保您正在使用正確的leesc您的項(xiàng)目。
服務(wù)器端和命令行用法
bin / lessc在存儲(chǔ)庫中包含二進(jìn)制。它的工作窗口，OS X和nodejs * nix。
命令行用法
當(dāng)源設(shè)置為破折號(hào)或連字符( - )時(shí)，從標(biāo)準(zhǔn)輸入讀取輸入。
lessc [option option=parameter ...] [destination]
例如，我們可以使用下面的命令編譯.less到.css
lessc stylesheet.less stylesheet.css
我們可以使用以下命令編譯.less到.css by并將結(jié)果縮小。
lessc -x stylesheet.less stylesheet.css
選項(xiàng)
以下是在命令行使用中使用的選項(xiàng)。
| S.N. | 選項(xiàng)及描述 | 命令 |
|---|---|---|
| 1 | Help 顯示幫助消息，其中包含可用的選項(xiàng)。 | lessc -help lessc -h |
| 2 | Include Paths 它包括您希望在較少文件中簡(jiǎn)單和相對(duì)地引用的庫的可用路徑。窗口中的路徑由冒號(hào)(:)或分號(hào)(;)分隔。 | lessc --include-path = PATH1; PATH2 |
| 3 | Makefile 它輸出一個(gè)makefile導(dǎo)入依賴列表到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 檢查語法和報(bào)告錯(cuò)誤，沒有任何輸出。 | lessc --lint lessc -l |
| 8 | Silent | lessc --silentlessc -s |
| 9 | Strict Imports 力進(jìn)口評(píng)價(jià)。 | lessc --strict-imports |
| 10 | Allow Imports from Insecure HTTPS Hosts | lessc --insecure |
| 11 | Version 顯示版本號(hào)并退出。 | lessc -version lessc -v |
| 12 | Compress | lessc -xlessc --compress |
| 13 | Source Map Output Filename 它生成更少的源映射。如果sourcemap選項(xiàng)沒有定義文件名，那么它將使用擴(kuò)展映射與源少文件名。 | lessc --source-map lessc -source-map = file.map |
| 14 | Source Map Rootpath | lessc --source-map-rootpath = dev-files / |
| 15 | Source Map Basepath 指定的路徑必須從輸出路徑中刪除。Basepath與rootpath選項(xiàng)相反。 | lessc --source-map-basepath = less-files / |
| 16 | Source Map Less Inline 所有少的文件應(yīng)該包含在源映射中。 | lessc --source-map-less-inline |
| 17 | Source Map Map Inline 它指定在輸出css中映射文件應(yīng)該是內(nèi)聯(lián)的。 | lessc --source-map-map-inline |
| 18 | Source Map URL | lessc --source-map-url = .. / my-map.json |
| 19 | Rootpath 它在相對(duì)導(dǎo)入和URL中設(shè)置URL重寫的路徑。 | lessc -rp = resources / lessc --rootpath = resources / |
| 20 | Relative URLs | lessc -rulessc --relative-urls |
| 21 | Strict Math 它處理所有的數(shù)學(xué)函數(shù)在你的CSS。默認(rèn)情況下關(guān)閉 | lessc -sm = on lessc --strict-math = on |
| 22 | Strict Units | lessc -su = onlessc --strict-units = on |
| 23 | Global Variable 定義可由文件引用的變量。 | lessc --global-var =“background = green" |
| 24 | Modify Variable 修改變量與全局變量選項(xiàng)相反，它移動(dòng)您的less文件末尾的聲明。 | lessc --modify-var =“background = green" |
| 25 | URL Arguments 要移動(dòng)到每個(gè)URL，允許指定參數(shù)。 | lessc --url-args =“arg736357" |
| 26 | Line Numbers 生成內(nèi)聯(lián)源映射。 | lessc --line-numbers = commentslessc --line-numbers = mediaquerylessc --line-numbers = all |
| 27 | Plugin 它加載插件。 | lessc --clean-csslessc --plugin = clean-css =“advanced" |