最近在做一個個人部落格系統,前端用到了semanticUI,但是要使用npm工具包,是以需要安裝nodejs,nodejs自帶npm
下載下傳
去官網下載下傳自己系統對應的版本,我的是windows:下載下傳
可以線上安裝,還可以安裝包安裝,我用的線上安裝,下載下傳後一路next就行了。
注:
- 可以修改安裝路徑,我沒有裝到C槽,轉到D盤了
- 預設會配置環境變量,預設路徑是:C:\Users\hanchuang\AppData\Roaming\npm
測試安裝結果
打開cmd指令視窗:
輸入node -v
輸入npm -v
修改環境變量
不改也可以,不改的話全局包預設安裝到:C:\Users\62323\AppData\Roaming\npm以及C:\Users\62323\AppData\Roaming\npm-cache
但是不想讓這些包占用我寶貴的C槽空間,是以需要在安裝目錄下建立兩個檔案夾:
- node_cache
- node_global
然後再打開cmd指令視窗:
輸入下面的指令:
npm config set prefix "E:\nodeJs\node_global"
npm config set cache "E:\nodeJs\node_cache"
然後打開系統環境變量:
建立一個系統變量,路徑是你的node_modules:
D:\softWare\nodejs\node_modules
修改使用者變量下的path:
把npm預設路徑改成你建立的檔案夾的路徑:
C:\Users\62323\AppData\Roaming\npm ——> D:\softWare\nodejs\node_global
然後在cmd指令視窗輸入:
npm config ls
檢視你的路徑資訊:
接下來就可以安裝子產品了
安裝express
npm install * -g就是全局安裝,npm install *,不帶-g就是本地安裝
另外:express4.0版本中将指令工具分家出來了,是以需要先裝工具:
在cmd視窗輸入以下指令:
npm install -g express-generator
成功之後再安裝express:
npm install express -g
cmd指令視窗檢視版本資訊:
express --version
這裡就裝完了
驗證
express myapp
就建立了一個myapp工程
cd myapp
進入到工程中,下載下傳依賴
npm install
然後運作:
npm start
浏覽器輸入:http://localhost:3000/ 可以看到下面的情況,表示成功了