天天看點

windows10安裝nodejs 10和express 4

最近在做一個個人部落格系統,前端用到了semanticUI,但是要使用npm工具包,是以需要安裝nodejs,nodejs自帶npm

下載下傳

去官網下載下傳自己系統對應的版本,我的是windows:下載下傳

windows10安裝nodejs 10和express 4

可以線上安裝,還可以安裝包安裝,我用的線上安裝,下載下傳後一路next就行了。

注:

  • 可以修改安裝路徑,我沒有裝到C槽,轉到D盤了
  • 預設會配置環境變量,預設路徑是:C:\Users\hanchuang\AppData\Roaming\npm

測試安裝結果

打開cmd指令視窗:

輸入node -v

windows10安裝nodejs 10和express 4

輸入npm -v

windows10安裝nodejs 10和express 4

修改環境變量

不改也可以,不改的話全局包預設安裝到:C:\Users\62323\AppData\Roaming\npm以及C:\Users\62323\AppData\Roaming\npm-cache

但是不想讓這些包占用我寶貴的C槽空間,是以需要在安裝目錄下建立兩個檔案夾:

  • node_cache
  • node_global
    windows10安裝nodejs 10和express 4

然後再打開cmd指令視窗:

輸入下面的指令:

npm config set prefix "E:\nodeJs\node_global"
 npm config set cache "E:\nodeJs\node_cache"
           
windows10安裝nodejs 10和express 4

然後打開系統環境變量:

windows10安裝nodejs 10和express 4

建立一個系統變量,路徑是你的node_modules:

D:\softWare\nodejs\node_modules

windows10安裝nodejs 10和express 4

修改使用者變量下的path:

windows10安裝nodejs 10和express 4

把npm預設路徑改成你建立的檔案夾的路徑:

C:\Users\62323\AppData\Roaming\npm ——> D:\softWare\nodejs\node_global

windows10安裝nodejs 10和express 4

然後在cmd指令視窗輸入:

npm config ls 
           

檢視你的路徑資訊:

windows10安裝nodejs 10和express 4

接下來就可以安裝子產品了

安裝express

npm install * -g就是全局安裝,npm install *,不帶-g就是本地安裝

另外:express4.0版本中将指令工具分家出來了,是以需要先裝工具:

在cmd視窗輸入以下指令:

npm install -g express-generator
           

成功之後再安裝express:

npm install express -g
           

cmd指令視窗檢視版本資訊:

express --version
           
windows10安裝nodejs 10和express 4

這裡就裝完了

驗證

express myapp
           
windows10安裝nodejs 10和express 4

就建立了一個myapp工程

cd myapp
           

進入到工程中,下載下傳依賴

npm install
           
windows10安裝nodejs 10和express 4

然後運作:

npm start
           
windows10安裝nodejs 10和express 4

浏覽器輸入:http://localhost:3000/ 可以看到下面的情況,表示成功了

windows10安裝nodejs 10和express 4