一、安裝Sublime 插件

1.安裝Less插件： ctrl+shift+p>install Package>輸入less按Enter?

2.安裝Less2CSS插件：ctrl+shift+p>install Package>輸入less2css按Enter

作用：當(dāng)保存less文件的時(shí)候自動(dòng)生成同名的css文件；當(dāng)保存less文件的時(shí)候提示編譯錯(cuò)誤信息；批量編譯項(xiàng)目目錄下的所有l(wèi)ess文件為css文件。

二、安裝Node.js?

1.下載雙擊安裝，默認(rèn)是安裝在C:\Program Files\nodejs下面，不改變。

2.打開(kāi)C盤(pán)的Program Files\nodejs，發(fā)現(xiàn)nodejs文件夾下面有npm,直接用npm安裝相環(huán)境既可。

3.win+R，出入cmd，回車(chē)，調(diào)出DOS窗口。因?yàn)榘惭b時(shí)已經(jīng)自動(dòng)配置了環(huán)境變量，所以我們可以直接輸入node,即可進(jìn)入node.js交互模式：

3.我們進(jìn)入node之后，可以輸入：console.log("Hello,World!");測(cè)試一下：

4.在C盤(pán)下建立一個(gè)app文件夾，app文件夾里面寫(xiě)一個(gè)test.js。

代碼如下：

var?http = require("http");

http.createServer(function(req, res) {

??res.writeHead( 200 , {"Content-Type":"text/html"});

??res.write("<h1>Node.js</h1>");

??res.write("<p>Hello World</p>");

??res.end("<p>beyondweb.cn</p>");

}).listen(3000);

console.log("HTTP server is listening at port 3000.");

?5.好，再?gòu)腄OS窗口進(jìn)入你的app的文件夾，在命令窗口執(zhí)行【node test.js】。這樣就可以在網(wǎng)頁(yè)上訪問(wèn)你的js了。訪問(wèn)網(wǎng)址http://127.0.0.1:3000。如果你正常訪問(wèn)了，那么久安裝成功了。

三、安裝less?

?cmd 下：?npm install -g less

less-plugin-clean-css插件的安裝：npm install less-plugin-clean-css

?

轉(zhuǎn)載于:https://www.cnblogs.com/sctnl/p/6222020.html

總結(jié)

以上是生活随笔為你收集整理的Less配置环境的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。