windows10環境下nodejs安裝


1.node.js簡單介紹

node.js是一個基於Chrome JavaScript 運行時的建立的一個平台;

2.node.js 安裝

2.1.直接安裝(不推薦)

node.js,可以直接從官網下載,雙節安裝;

官網地址:https://nodejs.org/en/;

2.2.利用nvm安裝

nvm是 Nodejs 版本管理器,它讓我們方便的對切換Nodejs 版本。vm 是 Mac 下的 node 管理工具,如果需要管理 Windows 下的 node,官方推薦使用 nvmw 或 nvm-windows

首先下載nvm,推薦github中這個地址的版本 https://github.com/coreybutler/nvm-windows/releases。選擇setup版本的,避免繁復的配置環境變量,減少錯誤。

 

 

 下載完成之后可以選擇安裝位置,安裝nvm。安裝位置如下:其中

 

 

 其中:

   v12.16.1文件夾是no'de.js的版本,只有在nvm安裝完之后才有;

setting.txt是配置文件,建議將內容修改如下:

root: D:\software\dev\nvm
path: D:\software\dev\nodejs
arch: 64 
proxy: none
node_mirror: http://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/

 

root和path分別是nvm和node.js的安裝目錄;node_mirror和npm_mirror分別是node和npm的下載地址,因為國外下載地址容易下載失敗,先修改為taobao地址。

nvm安裝完成之后,可以通過命令測試:

C:\Users\PeterCola>nvm

Running version 1.1.6.

安裝指定版本的node.js

C:\Users\PeterCola>nvm install 12.16.1
Downloading node.js version 12.16.1 (64-bit)...
Complete
Creating D:\software\dev\nvm\temp

Downloading npm version 6.13.4... Complete
Installing npm v6.13.4...

Installation complete. If you want to use this version, type

nvm use 12.16.1

 

使用(切換)指定版本的node.js

C:\Users\PeterCola>nvm use 12.16.1
Now using node v12.16.1 (64-bit)

 

3.nvm的一些常用命令

nvm ls-remote:列出所有可以安裝的node版本號
nvm install v10.4.0:安裝指定版本號的node
nvm use v10.3.0:切換node的版本,這個是全局的
nvm current:當前node版本
nvm ls:列出所有已經安裝的node版本
        nvm uninstall 版本號,卸載指定版本

4.安裝npm

利用nvm安裝nodeo.js,雖然提示npm安裝成功,但是實際是沒有安裝的,所有需要手動添加。

npm是nodejs的package包管理工具,如果不能正確安裝,會導致項目以后使用的包安裝不了。

當時使用npm安裝其他包時,報這個錯誤

C:\Users\PeterCola>npm -v
'npm' 不是內部或外部命令,也不是可運行的程序
或批處理文件。

需要把nvm安裝node.js時,temp文件夾中的npm(npm-v6.13.4.zip)及時拷貝出來。他就是對應的npm。然后放到對應版本下面的 node_modules文件夾下,並改名npm.

         

 

 然后把npm/bin中的npm和npm.cmd復制到v12.16.1文件夾下;

      

 

 結果如圖:

      

 

最后測試npm是否安裝成功;

C:\Users\PeterCola>npm -v
6.13.4

 

 

5.npm安裝完成之后,下載vue.cli失敗報錯。

原因是由於下載路徑沒設置為淘寶的國內鏡像,所以要設置為淘寶的國內的鏡像;

npm set registry https://registry.npm.taobao.org # 注冊模塊鏡像 npm set disturl https://npm.taobao.org/dist # node-gyp 編譯依賴的 node 源碼鏡像 npm cache clean --force # 清空緩存

設置這個路徑之后就可以不用再下載cnom了,

npm install -g cnpm --registry=https://registry.npm.taobao.org

6.修改緩存路徑,

 避免因為文件不斷變大,暫用c盤空間,也為了便於后期管理。示例:

  1. npm config set prefix "D:\ProgramFile\nodejs\node_modules\node_global" 
  2. npm config set cache "D:\ProgramFile\nodejs\node_modules\node_cache"

本機設定

C:\Windows\system32>npm config set cache "D:\software\dev\nvm\node_cache"

C:\Windows\system32>npm config list
; cli configs
metrics-registry = "https://registry.npm.taobao.org/"
scope = ""
user-agent = "npm/6.13.4 node/v12.16.1 win32 x64"

; userconfig C:\Users\PeterCola\.npmrc
cache = "D:\\software\\dev\\nvm\\node_cache"
disturl = "https://npm.taobao.org/dist"
registry = "https://registry.npm.taobao.org/"

; node bin location = D:\software\dev\nodejs\node.exe
; cwd = C:\Windows\system32
; HOME = C:\Users\PeterCola
; "npm config ls -l" to show all defaults.

 

 7.關於vue-cli的

安裝成功的vue-cli運行不出結果解決方法

1,檢查自己是不是修改了默認prefix(全局)和cache(緩存),

  默認的npm下載文件在C:\Users\Administrator\AppData\Roaming\npm,

如果修改了npm下載的地址,則需要注意:

 安裝在nodejs下的步驟:(注意不需要單獨新建node_global)

  • 新建node_cache用老存放下載包的緩存C:\Program Files\nodejs\node_cache 
  • 運行 npm config set cache "C:\Program Files\nodejs\node_cache" 設置緩存文件夾
  • 設置全局模塊存放路徑 運行npm config set prefix "C:\Program Files\nodejs" 以后安裝的全局模塊都會被放到C:\Program Files\nodejs\node_modules下,跟npm模塊在一個文件夾中

 安裝在非nodejs下的步驟:

  • 新建node_cache用老存放下載包的緩存
  • 新建node_global用老存放下載包的緩存 
  • 添加全局變量

 

 

 

 

 

 

 

 

參考文章:

https://blog.csdn.net/p3118601/article/details/92622393?depth_1-utm_source=distribute.pc_relevant.none-task&utm_source=distribute.pc_relevant.none-task;

https://www.cnblogs.com/Sweepingmonk/p/10868255.html

 https://blog.csdn.net/niuba123456/article/details/81834889

https://www.jianshu.com/p/115594f64b41

 https://www.wandouip.com/t5i249022/


免責聲明!

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



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