步驟(1):我們需要NodeJs來運行LESS例子。要下載NodeJs,打開鏈接 https://nodejs.org/en/, 會看到一個屏幕,如下所示:
步驟(3):接下來,通過NPM(節(jié)點包管理器)在服務(wù)器上安裝LESS。運行以下命令,進入命令提示符。
npm install -g less
<!doctype html> <head> <link rel="stylesheet" href="style.css" type="text/css" /> </head> <body> <h1>Welcome to Yiibai Yiibai</h1> <h3>Hello!!!!!</h3> </body> </html>
接下來,讓我們創(chuàng)建一個文件 style.less 這是相當類似于 CSS,唯一的區(qū)別是,它會被保存有 .less 的擴展名。這兩個文件 .html 和 .less 應(yīng)在文件夾nodejs 內(nèi)創(chuàng)建。
@primarycolor: #FF7F50; @color:#800080; h1{ color: @primarycolor; } h3{ color: @color; }
lessc style.less style.css
當你運行上面的命令,它會自動創(chuàng)建 style.css 文件。無論何時更改LESS文件,在有必要時,再次cmd運行上面的命令,然后 style.css 文件將得到更新。
h1 { color: #FF7F50; } h3 { color: #800080; }
sds