less筆記

​

安裝

webstorm配置

file—>settings—>Tools—>File Watcher—>+ less

vscode配置

Easy LESS 插件

settings.json

​<code>​/**/​</code>​—&gt;可以編譯在css件中

​<code>​//​</code>​—&gt;css不支援，不會編譯在css檔案中

必須@字首，必須分号結束

不能以數字開頭，不能包含特殊字元，區分大小寫

在一個clss 中引入另外一個已經定義的class

需要連接配接的情況：&amp;

​<code>​import "檔案名";​</code>​

​​查文檔​​

邏輯

循環

無自動化編譯工具

less無法在浏覽器端直接使用

浏覽器不識别

必須解析成css代碼

通過less解析插件（javascript）--less.js

引入less檔案需要加上 type="text/less"

less.watch(); 無重新整理預覽樣式

以http形式打開網頁預覽