電腦中如何編譯less文件

在進(jìn)行前端開發(fā)過(guò)程中，很多朋友都會(huì)使用到less。那么，電腦中如何編譯less文件呢？為了幫助大家更好地使用電腦，今天系統(tǒng)城小編就來(lái)教教大家怎樣編譯less文件。有需要的朋友們，可以一起往下看看！

具體如下：

1、先在hbuilder里面新建一個(gè)web項(xiàng)目，如圖所示,我新建了一個(gè)叫l(wèi)ess的項(xiàng)目。

2、新建web項(xiàng)目操作步驟如圖所示。

3、如圖，然后我們?cè)趙eb項(xiàng)目下的css文件夾上單擊鼠標(biāo)右鍵，然后“新建”。

4、如圖，選擇less文件類型即可。

5、給less文件起一個(gè)名稱，名稱自定義。

6、接著寫上less代碼，也可以直接把你的less代碼復(fù)制到這上面，這里我就寫一個(gè)簡(jiǎn)單的less來(lái)舉例。

7、最后選擇好less文件，再次單擊鼠標(biāo)右鍵，然后點(diǎn)擊“編譯”。

8、接著會(huì)彈出一個(gè)窗口，我們點(diǎn)擊保存類型旁邊的下拉選框。

9、如圖，把文件類型選擇為css即可。

10、接著可以設(shè)置編譯后css文件的名稱，這里我就不修改了，然后點(diǎn)擊確定。

11、之后，編譯成功，同一個(gè)文件夾下就會(huì)多出一個(gè)css文件，這就是由less文件編譯而來(lái)的。

12、之后，看看代碼，原本的less代碼就變成了css代碼了，哈哈。

以上就是系統(tǒng)城小編為大家?guī)?lái)的電腦中如何編譯less文件教程，有需要的朋友們不妨參考一下！