LESS - Sử dụng dòng lệnh

Sử dụng dòng lệnh, chúng ta có thể biên dịch tệp .less thành .css .

Cài đặt lessc để sử dụng trên toàn cầu

Lệnh sau được sử dụng để cài đặt lessc với npm (trình quản lý gói nút) để làm cho lessc khả dụng trên toàn cầu.

npm install less -g

Bạn cũng có thể thêm một phiên bản cụ thể sau tên gói. Ví dụnpm install [email protected] -g

Cài đặt để phát triển nút

Lệnh sau được sử dụng để cài đặt phiên bản mới nhất của lessc trong thư mục dự án của bạn.

npm i less -save-dev

Nó cũng được thêm vào devDependencies trong gói dự án.json của bạn.

Bản phát hành beta của lessc

Nó được gắn thẻ là beta khi lessc cấu trúc được xuất bản cho npmỞ đây, chức năng mới được phát triển theo định kỳ. less -v được sử dụng để lấy phiên bản hiện tại.

Cài đặt phiên bản phát triển chưa được xuất bản của lessc

Cam kết phải được chỉ định, khi chúng tôi tiến hành cài đặt phiên bản chưa được xuất bản của lessc và cần tuân theo các hướng dẫn để xác định URL git như một phụ thuộc. Điều này sẽ đảm bảo rằng bạn đang sử dụng đúng phiên bản leesc cho dự án của mình.

Sử dụng phía máy chủ và dòng lệnh

bin/lesscbao gồm nhị phân trong kho lưu trữ. Nó hoạt động với Windows, OS X và nodejs trên * nix.

Sử dụng dòng lệnh

Đầu vào được đọc từ stdin khi nguồn được đặt thành dấu gạch ngang hoặc dấu gạch ngang (-).

lessc [option option = parameter ...]  [destination]

Ví dụ, chúng tôi có thể biên dịch .less đến .css bằng cách sử dụng lệnh sau:

lessc stylesheet.less stylesheet.css

Chúng tôi có thể biên dịch .less đến .css và rút gọn kết quả bằng lệnh sau.

lessc -x stylesheet.less stylesheet.css

Tùy chọn

Bảng sau liệt kê các tùy chọn được sử dụng trong việc sử dụng dòng lệnh:


lessc -help
lessc -h
lessc --include-path = PATH1;PATH2
lessc -M
lessc --depends
lessc --no-color
lessc --no-ie-compat
lessc --no-js
lessc --lint
lessc -l
lessc --silent
lessc -s
lessc --strict-imports
lessc --insecure
lessc -version
lessc -v
lessc -x
lessc --compress
lessc --source-map
lessc -source-map = file.map
lessc --source-map-rootpath = dev-files/
lessc --source-map-basepath = less-files/
lessc --source-map-less-inline
lessc --source-map-map-inline
lessc --source-map-url = ../my-map.json
lessc -rp=resources/
lessc --rootpath=resources/
lessc -ru
lessc --relative-urls
lessc -sm = on
lessc --strict-math = on
lessc -su = on
lessc --strict-units = on
lessc --global-var = "background = green"
lessc --modify-var = "background = green"
lessc --url-args = "arg736357"
lessc --line-numbers = comments
lessc --line-numbers = mediaquery
lessc --line-numbers = all
lessc --clean-css
lessc --plugin = clean-css = "advanced"

Sr.No.	Tùy chọn & Mô tả	Chỉ huy
1	Help Thông báo trợ giúp được hiển thị với các tùy chọn có sẵn.	`lessc -help lessc -h`
2	Include Paths Nó bao gồm các đường dẫn có sẵn đến thư viện. Các đường dẫn này có thể được tham chiếu đơn giản và tương đối trong tệp Ít hơn. Các đường dẫn trong cửa sổ được phân tách bằng dấu hai chấm (:) hoặc dấu chấm phẩy (;).	`lessc --include-path = PATH1;PATH2`
3	Makefile Nó tạo ra một danh sách phụ thuộc nhập makefile để stdout làm đầu ra.	`lessc -M lessc --depends`
4	No Color Nó vô hiệu hóa đầu ra được tô màu.	`lessc --no-color`
5	No IE Compatibility Nó vô hiệu hóa kiểm tra tính tương thích của IE.	`lessc --no-ie-compat`
6	Disable Javascript Nó vô hiệu hóa javascript trong ít tệp hơn.	`lessc --no-js`
7	Lint Nó kiểm tra cú pháp và báo lỗi mà không có bất kỳ đầu ra nào.	`lessc --lint lessc -l`
số 8	Silent Nó buộc dừng hiển thị thông báo lỗi.	`lessc --silent lessc -s`
9	Strict Imports Nó buộc phải đánh giá hàng nhập khẩu.	`lessc --strict-imports`
10	Allow Imports from Insecure HTTPS Hosts Nó nhập khẩu từ các máy chủ HTTPS không an toàn.	`lessc --insecure`
11	Version Nó hiển thị số phiên bản và số lần thoát.	`lessc -version lessc -v`
12	Compress Nó giúp loại bỏ khoảng trắng và nén đầu ra.	`lessc -x lessc --compress`
13	Source Map Output Filename Nó tạo ra bản đồ nguồn trong ít hơn. Nếu tùy chọn bản đồ nguồn được xác định mà không có tên tệp thì nó sẽ sử dụng bản đồ mở rộng với tên tệp Ít hơn làm nguồn.	`lessc --source-map lessc -source-map = file.map`
14	Source Map Rootpath Rootpath được chỉ định và nên được thêm vào Đường dẫn tệp ít hơn bên trong bản đồ nguồn và cũng vào tệp bản đồ được chỉ định trong css đầu ra của bạn.	`lessc --source-map-rootpath = dev-files/`
15	Source Map Basepath Một đường dẫn được chỉ định phải được xóa khỏi các đường dẫn đầu ra. Basepath đối lập với tùy chọn rootpath.	`lessc --source-map-basepath = less-files/`
16	Source Map Less Inline Tất cả các tệp Ít hơn phải được bao gồm trong bản đồ nguồn.	`lessc --source-map-less-inline`
17	Source Map Map Inline Nó chỉ định rằng trong css đầu ra, tệp bản đồ phải là nội tuyến.	`lessc --source-map-map-inline`
18	Source Map URL Một URL được phép ghi đè các điểm trong tệp bản đồ trong css.	`lessc --source-map-url = ../my-map.json`
19	Rootpath Nó thiết lập các đường dẫn để viết lại URL trong các nhập khẩu và url tương đối.	`lessc -rp=resources/ lessc --rootpath=resources/`
20	Relative URLs Trong các tệp đã nhập, URL được viết lại để URL luôn liên quan đến tệp cơ sở.	`lessc -ru lessc --relative-urls`
21	Strict Math Nó xử lý tất cả các chức năng Toán học trong css của bạn. Theo mặc định, nó tắt.	`lessc -sm = on lessc --strict-math = on`
22	Strict Units Nó cho phép các đơn vị hỗn hợp.	`lessc -su = on lessc --strict-units = on`
23	Global Variable Một biến được xác định có thể được tham chiếu bởi tệp.	`lessc --global-var = "background = green"`
24	Modify Variable Điều này không giống như tùy chọn biến toàn cục; nó di chuyển phần khai báo vào cuối tệp less của bạn.	`lessc --modify-var = "background = green"`
25	URL Arguments Để chuyển sang mọi URL, một đối số được phép chỉ định.	`lessc --url-args = "arg736357"`
26	Line Numbers Ánh xạ nguồn nội tuyến được tạo.	`lessc --line-numbers = comments lessc --line-numbers = mediaquery lessc --line-numbers = all`
27	Plugin Nó tải plugin.	`lessc --clean-css lessc --plugin = clean-css = "advanced"`