css預處理 stylu的安裝和使用

2021-08-21 12:34:03 字數 1177 閱讀 7030

第一步:先安裝node.js

在第四步時選 add to path

安裝完成後在cmd中執行以下命令,檢視是否安裝成功

1.node -v    檢視node.js的版本號

2.npm -v     檢視npm的版本號

注意:此node.js已自帶npm

在node.js中再建立2個資料夾

node_global

node_cache

建立成功後再開啟cmd,執行以下命令

npm config set prefix "自定義的安裝目錄/nodejs/node_global"

npm config set cache "自定義的安裝目錄/nodejs/node_cache"

再來是設定環境變數,主要配置npm安裝的全域性模組的路徑,以及快取cache的路徑。

系統變數:新建node_path     "自定義的安裝目錄\nodejs\node_global\node_modules"

使用者變數:在path後追加,用封號分割。     "自定義的安裝目錄\nodejs\node_global"

環境變數配置完成後就可以測試了,我們可以通過安裝express來檢測是否安裝成功。

開啟cmd,輸入命令:

npm install express -g  //-g 代表的是全域性安裝

npm init -y  //建立package.json 這步是必須的

命令執行完,在 '自定義的安裝目錄\nodejs\node_global\node_modules'目錄下會新建乙個express資料夾。

至此node.js安裝完成

第二步:安裝stylus

開啟cmd執行npm install stylus -g。執行完成後在 '自定義的安裝目錄\nodejs\node_global\node_modules'目錄下會新建乙個stylus資料夾。如上圖

好啦,stylus安裝完成了,就是這麼簡單!!!

第三步:使用stylus

1.將.styl檔案編譯成.css檔案。stylus test.styl

c 預處理和預處理命令

預處理發生在編譯之前,預處理輸出的是乙個單一的檔案,這個檔案被送到編譯器,進行編譯。每條預處理命令都控制預處理器的行為。每條預處理命令佔據一行,有以下的格式 character 預處理命令 one of define,undef,include,if,ifdef,ifndef,else,elif,e...

css預處理器

css預處理定義了一種新的語言,其思想是一種專門的程式語言,為css增加了一些程式設計的特性。將css作為目標生成檔案。開發者可以使用這種語言進行編碼工作。css預處理器是一種專門的程式語言,進行web頁面樣式設計,然後再編譯成正常的css檔案,以供專案使用。css預處理器為css增加了一些程式設計...

CSS預處理器

什麼是css預處器?css 預處理器用一種專門的程式語言,進行 web 頁面樣式設計,然後再編譯成正常的 css 檔案,以供專案使用。css 預處理器為 css 增加一些程式設計的特性,無需考慮瀏覽器的相容性問題 sass sass 是採用 ruby 語言編寫的一款 css 預處理語言,它誕生於20...