windows10安裝nodejs 10和express 4


最進做一個個人博客系統,前端用到了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 "D:\softWare\nodejs\node_global"
 npm config set chche "D:\softWare\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/ 可以看到下面的情況,表示成功了

在這里插入圖片描述


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM