node編譯less
① 怎樣用node.js編譯less文件
文件位於 E:\Code\VS2013\BootstrapDemo\LessDemo\Less\test.less。 啟動node.js控制台,進入test.less文件所在的目錄,輸入lessc test.less > test.css命令,less文件就會被編譯成css文件
② 如何用sublimeText3編寫less並用Nodejs自動編譯成css
1、安裝Sublime 插件
(1)安裝LESS插件:
因為Sublime不支持Less語法高亮,
所以,先安裝這個插件,
方法1: ctrl+shift+p>install Package>輸入less按Enter
方法2:直接下載後 解壓文件 放到插件文件夾下(首選項-瀏覽插件 打開文件夾)
下載地址:https://github.com/danro/LESS-sublime
(2)安裝LESS2CSS插件:
less2css的讀音 其實就是less to css
這個插件的作用是
當保存less文件的時候自動生成同名的css文件;
當保存less文件的時候提示編譯錯誤信息;
批量編譯項目目錄下的所有less文件為css文件。
安裝:
方法1:ctrl+shift+p>install Package>輸入less2css按Enter
方法2:直接下載:https://github.com/timdouglas/sublime-less2css
解壓文件 放到插件文件夾下
但是我們還要讓sublime支持less並自動編譯,所以還需以下步驟:
2、安裝Node.js
首先先配置一下環境,
less需要nodejs支持,
所以我們先要安裝一下nodejs
到nodejs官網下載就可以了:https://nodejs.org/en/
3、安裝less
運行-cmd:
輸入命令行:
npm install less -g
-g 代表著全局安裝less
之後在 Sublime 裡面建less文件時,會有一個錯誤
LESS: Unable to interpret argument clean-css
這是因為還需要一個插件
less-plugin-clean-css插件的安裝
命令行為:
npm install less-plugin-clean-css -g
接著重啟一下sublime,就搞定啦!
③ webstorm 配置less編譯file watcher,program這個該怎麼填
1、 打開Nodejs官ejs.org/,點「DOWNLOADS」,點64-bit下載「node-v0.10.33-x64.msi」。
2、 下載好後,雙擊「node-v0.10.33-x64.msi」,按照默認選項安裝Nodejs,默認安裝路徑為:C:\Program Files\nodejs。
3、 「開始」-->cmd,打開cmd程序,輸入「node -v」,出現」 v0.10.33」; 輸入「npm -v」,出現」 1.4.28」,說明Nodejs和鄭困npm都已安裝成功。
4、「開始」-->cmd,打開cmd程序,輸入「cd C:\Program Files\nodejs」,進入nodejs安裝目錄。輸入npm install less -g 回車,安裝less組件。稍等片刻,完成後,你會發現C:\Users\wind\滲銀AppData\Roaming\npm\node_moles 目錄下有less組件。
至此Windows7 x64系統下安裝Nodejs及配置less組件已基本完成,接下來我們配置WebStorm 9.0.1,使其能將less文件編譯成css文件。
5、開啟JetBrains WebStorm 9.0.1程序,打開「SuperDesigns」項目,該項目中含有「default.less」文件。
6、File-->Settings,打開設置選項。找到「External Tools」擴展工具設置項,點開右側的「+」,在Name欄輸入喊喊念「LESS」,「Tool settings」分別輸入如下:
Program: C:\Program Files\nodejs\ n
④ 如何使用lessc編譯.less文件
使用lessc編譯.less文件的方法
預備環境 iOS開發環境,Mac OS、XCode5.0以上版本;
下載HBuilder離線打包iOS版SDK(5+ SDK下載)。
SDK目錄說明: HBuilder-Hello:離線打包演示應用;
Feature-iOS.xls:iOS平台各擴展Feature API對應的庫文件列表;
⑤ 怎麼在node.js中安裝less
node.js 是有windows實現版本皮侍納的,請到它的官網node.org下載。有兩種 exe和msi都可以使用。 下載後安裝燃沒和談陸正常軟體安裝一樣。使用方法: 在開始菜單打開,選擇 Node.js command prompt ,它自動幫你加入了環境變數,直接可以使用 node 和npm命令
⑥ 如何使用lessc編譯.less文件
一個簡單的測試姿慎代碼test.less,內容如下
@color: #4D926F;
#header {
color: @color;
}
h2 {
color: @color;
}
該文件位於 E:\Code\VS2013\BootstrapDemo\LessDemo\Less\test.less。
啟動node.js控制台,進入test.less文件所在的目宴冊游錄,輸入lessc test.less >晌銷 test.css命令,less文件就會被編譯成css文件
打開生成的test.css 文件
⑦ nodejs服務端渲染怎麼處理less或sass
1、安裝Sublime插件(1)安裝LESS插件:因為Sublime不支持Less語法高亮,所以,先安裝這個插件,方法1:ctrl+shift+p>installPackage>輸入less按Enter方法2:直接下載後解壓文件放到插件文件夾下(首選項-瀏覽插件打開文件夾)下載地址:/timdouglas/sublime-less2css解壓文件放到插件文件夾下但是我們還要讓sublime支持less並自動編譯,所以還需以下步驟:2、安裝Node.js首先先配置一下環境,less需要nodejs支持,所以我們先要安裝一下nodejs到nodejs官網下載就可以了:3、安裝less運行-cmd:輸入命令行:npminstallless-g-g代表著全局安裝less之後在Sublime裡面建less文件時,會有一個錯誤LESS:-css這是因為還需要一個插件less-plugin-clean-css插件的安裝命令行為:npminstallless-plugin-clean-css-g接著重啟一下sublime,就搞定啦!
⑧ 讓less本地生成css應該怎麼做
你好,本地編譯less,這個需要藉助一些工具:
如果你熟悉Node.js,你可以寫一個Node腳本來編譯,這個教程網路很多的
如果不熟悉,可以下載客戶端軟體來編譯,比較流行的編譯軟體有:
winless,mac下叫Less
koala,有各個系統支持版本
這些軟體都可以直接在網路搜索下載,完全免費,而且使用簡單
如果覺得都不適合,可以自己網路搜索「less 編譯軟體」,發現其他結果
希望能幫到你,望採納~~
⑨ less的命令行編譯如何編譯整個目錄
解決方法太多了
windows下有圖形工具koala
linux下可以寫命令行
node可以配合less_watch等
很多ide也支持less