Windows下安裝Node.js完整詳細教程


Node.js 的安裝

下載地址:Node.js

image-20201108111132454

下載完畢后雙擊安裝包運行安裝,一路默認即可

安裝完畢后,安裝程序會自動配置好環境變量,打開CMD(如果之前已經打開,請重新打開)

使用下面命令驗證是否安裝成功:

node -v
npm -v

image-20201108111819692

到此就安裝成功了

切換下載鏡像源

但是此時用npm下載時會發現網速可能特別慢,我們需要配置一下下載源為淘寶的,CMD內運行下面命令

npm config set registry https://registry.npm.taobao.org

然后運行下面命令查看是否設置成功

npm config list

image-20201108112420040

修改全局安裝模塊的位置

npm 不進行配置的話,默認會將全局安裝命令的模塊安裝在C盤,占用空間是非常大的,我們可以指定一下全局安裝模塊的位置

  • 在准備存放全局模塊的位置新建兩個文件夾 node_globalnode_cache,我的node安裝到了E盤,為了方便以后查找,我直接放到了node安裝的根目錄下面

    image-20201108112955334

  • 在CMD中執行下面命令,路徑以你實際的安裝位置為准

    npm config set prefix "E:\Program Files\nodejs\node_global"
    npm config set cache "E:\Program Files\nodejs\node_cache"
    
  • 配置環境變量

    此電腦-右擊-屬性-高級系統設置-環境變量

    下面系統變量區域,新建 NODE_PATH 變量,路徑如下:E:\Program Files\nodejs\node_global\node_modules,以你實際位置為准

    image-20201108113533134

    上面用戶變量區域,找到Path變量,點擊編輯

    將原來npm的變量修改為E:\Program Files\nodejs\node_global,以你實際路徑為准

    image-20201108113748367

image-20201108113850748

測試

可以全局安裝一下webpack測試是否配置成功

npm install webpack -g 
npm install -D webpack-cli -g

安裝完畢后可以運行下面命令測試是否安裝成功

webpack -v

image-20201108114548772

也可以去剛才新建的文件夾中看一下,是否自定義的全局安裝路徑配置成功


免責聲明!

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



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