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版本
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盤空間,也為了便於后期管理。示例:
-
npm config set prefix "D:\ProgramFile\nodejs\node_modules\node_global"
-
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/
