首頁 > web前端 > css教學 > 安裝Less配置環境介紹

安裝Less配置環境介紹

高洛峰
發布: 2017-03-15 12:29:22
原創
1734 人瀏覽過

一、安裝SUBIME 外掛

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互動模式:

安裝Less配置環境介紹

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

安裝Less配置環境介紹

4.在C磁碟下建立app資料夾,app資料夾裡面寫一個test.js。

程式碼如下:

var http = require("http");

http.createServer(function(req, res) {

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

  res.write("

Node.js< ;/h1>");

  res.write("

Hello World

");

  res.end("beyondweb.cn

");

}).listen(3000);

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

 5.好,再從DOS視窗進入你的app的資料夾,在指令視窗執行【node test.js】。這樣就可以在網頁上存取你的js了。造訪網址//m.sbmmt.com/:3000。如果你正常訪問了,那麼久安裝成功了。

安裝Less配置環境介紹

安裝Less配置環境介紹

#三、安裝less 

 cmd 下: npm install -g less

#less- plugin-clean-css外掛程式的安裝:npm install less-plugin-clean-css

 

#

以上是安裝Less配置環境介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板