css預處理 stylu的安裝和使用
第一步:先安裝node.js
下載連結:https://nodejs.org/en/#download
在第四步時選 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