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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章