新手如何將less檔案轉換成css檔案

2021-07-26 15:38:10 字數 857 閱讀 8425

less是預處理css,使我們寫css更方便快速,它類似於css和js的結合體,有js的特徵但寫出來是css。less的學習成本幾乎為0 ,只要你會寫css就會寫less。下面是如何將less檔案轉換成css檔案:

less官網:

翻譯比較完整,但版本過低)

準備工作:

less是基於node環境,所以使用less必須安裝node環境。

node環境安裝可以參考這裡:node環境安裝

在專案根目錄中的css資料夾中新建main.less檔案並寫好(根據需要命名檔案,字尾必須是.less。例如:base.less )。

在less檔案根目錄中(就是css資料夾內)

①shift+滑鼠右擊 開啟命令小黑視窗

②輸入: lessc+空格+less檔名 如:lessc main.less 控制台會把編譯的css輸出

③命令列輸入: lessc+空格+less檔名+空格+大於號+空格+css檔名

例如:lessc main.less > main.css

在css資料夾中會多乙個css檔案,即轉換完成

效果圖如下:

如何將py檔案轉換成exe檔案

本篇部落格是本人寫的第一篇部落格,用於記錄在工作上實操過的練習,都是經過實際操練執行得出來的 操作步驟 win r開啟執行視窗,輸入 cmd,在cmd視窗中輸入pip install pyinstaller 等待計算機安裝 安裝庫的時候沒有想到要寫部落格記錄,所以並未截圖,安裝時,會出現安裝的進度條...

如何將DataTable轉換成List

using system using system.collections.generic using system.linq using system.text using system.data using system.collections using system.reflection n...

如何將多行TextBox轉換成ListBox

如何將多行textbox轉換成listbox 老怪答 本題解法重點在 textbox 裡的斷行,必須由 chr 13 chr 10 兩字組合起來執行,所以應以 chr 13 為切割判斷點 dim allstring as string dim singlestring as string dim s...