怎樣編譯less文件
在前端開發的時候，有些公司會用到less，今天咪咪我就來教教大家怎樣編譯less文件，哈哈。
工具/材料
電腦
hbuilder
操作方法
-
01
先在hbuilder里面新建一個web項目，如圖所示,我新建了一個叫less的項目。
-
02
新建web項目操作步驟如圖所示。
-
03
如圖，然后我們在web項目下的css文件夾上單擊鼠標右鍵，然后“新建”。
-
04
如圖，選擇less文件類型即可。
-
05
給less文件起一個名稱，名稱自定義。
-
06
接著寫上less代碼，也可以直接把你的less代碼復制到這上面，這里我就寫一個簡單的less來舉例。
-
07
最后選擇好less文件，再次單擊鼠標右鍵，然后點擊“編譯”。
-
08
接著會彈出一個窗口，我們點擊保存類型旁邊的下拉選框。
-
09
如圖，把文件類型選擇為css即可。
-
10
接著可以設置編譯后css文件的名稱，這里我就不修改了，然后點擊確定。
-
11
之后，編譯成功，同一個文件夾下就會多出一個css文件，這就是由less文件編譯而來的。
-
12
之后，看看代碼，原本的less代碼就變成了css代碼了，哈哈。
- End
- 發表于 2017-09-01 00:00
- 閱讀 ( 837 )
- 分類：電腦網絡
admin
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章