Less配置環境

2021-09-27 03:32:39 字數 1135 閱讀 5707

一、安裝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

2.開啟c盤的program files\nodejs,發現nodejs資料夾下面有npm,直接用npm安裝相環境既可。

3.win r,出入cmd,回車,調出dos視窗。因為安裝時已經自動配置了環境變數,所以我們可以直接輸入node,即可進入node.js互動模式:

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

**如下:

三、安裝less 

cmd 下: npm install -g less

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

less本地環境輸出hello world

在學任何東西之前,我就是有個習慣,先搞定這個東西最最簡單的使用方法.然後在 深入學習,毫無疑問hello world一直是那麼簡單.較新版的高階瀏覽器.wamp環境.less.js檔案 本人的環境 google chrome 60.0 wampserver 3.0.6 less 2.7.2 wamp...

npm 安裝less外掛程式 安裝Less配置環境介紹

一 安裝subime 外掛程式 1.安裝less外掛程式 ctrl shift p install package 輸入less按enter 2.安裝less2css外掛程式 ctrl shift p install package 輸入less2css按enter 作用 當儲存less檔案的時候自...

Nuxt配置sass或者less

因為官方的文件api還是有點內容的,再加上網上文章一大抄,所以從官網api中搬運過來 當您需要在頁面中注入一些變數和mixin而不必每次都匯入它們時,這非常有用。nuxt.js 使用 來實現這種行為。您需要為css預處理器指定要包含的 模式 路徑 less,sass,scss 或 stylus 您不...