一、安裝Sublime 插件

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

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

作用：當保存less文件的時候自動生成同名的css文件；當保存less文件的時候提示編譯錯誤信息；批量編譯項目目錄下的所有less文件為css文件。

二、安裝Node.js?

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

2.打開C盤的Program Files\nodejs，發現nodejs文件夾下面有npm,直接用npm安裝相環境既可。

3.win+R，出入cmd，回車，調出DOS窗口。因為安裝時已經自動配置了環境變量，所以我們可以直接輸入node,即可進入node.js交互模式：

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

4.在C盤下建立一個app文件夾，app文件夾里面寫一個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.好，再從DOS窗口進入你的app的文件夾，在命令窗口執行【node test.js】。這樣就可以在網頁上訪問你的js了。訪問網址http://127.0.0.1:3000。如果你正常訪問了，那么久安裝成功了。

三、安裝less?

?cmd 下：?npm install -g less

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

?

轉載于:https://www.cnblogs.com/sctnl/p/6222020.html

總結

以上是生活随笔為你收集整理的Less配置环境的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。