node.js windows下安裝與配置

msi安裝版

下載安裝

進入Node.js官網下載頁,選擇LTS(Long Term Support長期支持版)下的msi安裝包下載
LTS版比較穩定,Current是最新版,會有比較新的特性,但也可能會形成一些不穩定因素
安裝界面node

經過上圖能夠看到安裝版會作一下的操做webpack

  • 安裝Node.js的運行環境
  • 安裝npm包管理工具
  • 開始菜單添加Node.js在線文檔網址等快捷方式
  • 添加Node.exe以及npm.cmd命令到PATH環境變量中(爲了能在任意目錄下執行Node命令以及npm命令)
  • 添加npm的modules目錄到PATH環境變量中(爲了能在任意目錄下執行cnpm、webpack等第三方包中帶的命令)

查看以及驗證環境變量配置

安裝完畢後運行-cmd,能夠看到PATH中添加了Node.js根目錄和npm的默認全局包安裝目錄web

echo %PATH%
D:\develop\devtools\node-v8.11.3-win-x64;C:\Users\Administrator\AppData\Roaming\npm

node -v
v8.11.3

npm -v
5.6.0

其中Node.js的根目錄是添加在系統變量下的PATH中,npm的全局包安裝目錄是添加在用戶變量下的PATH中npm

查看npm配置

npm config ls
; cli configs
metrics-registry = "https://registry.npmjs.org/"
scope = ""
user-agent = "npm/5.6.0 node/v8.11.3 win32 x64"

; builtin config undefined
prefix = "C:\\Users\\Administrator\\AppData\\Roaming\\npm"

; node bin location = D:\develop\devtools\node-v8.11.3-win-x64\node.exe
; cwd = C:\Users\Administrator\Desktop
; HOME = C:\Users\Administrator
; "npm config ls -l" to show all defaults.

還能夠經過npm config ls -l查看npm的全部默認配置
例如npm的安裝緩存目錄以及全局、用戶配置文件路徑緩存

cache = "C:\\Users\\Administrator\\AppData\\Roaming\\npm-cache"
globalconfig = "C:\\Users\\Administrator\\AppData\\Roaming\\npm\\etc\\npmrc"
userconfig = "C:\\Users\\Administrator\\.npmrc"

設置npm全局安裝目錄與緩存目錄

若是不但願npm install -g全局安裝的包安裝到C盤,能夠設置npm全局安裝目錄,順帶也設置下緩存目錄方便統一管理,運行-cmd工具

npm config set prefix "D:\develop\devtools\node-v8.11.3-win-x64\node-global"
npm config set cache "D:\develop\devtools\node-v8.11.3-win-x64\node-cache"

設置完後會在當前用戶~/目錄下生成.npmrc文件,npm config set其實就是修改.npmrc文件的key值
同時由於修改了npm的全局包安裝目錄,修改C:\Users\Administrator\AppData\Roaming\npmD:\develop\devtools\node-v8.11.3-win-x64\node-globalui

zip解壓版

下載解壓

進入Node.js官網下載頁,選擇LTS(Long Term Support長期支持版)下的zip壓縮包下載
經過上面安裝版的描述瞭解到安裝版作的配置就只有spa

  • 添加Node.exe以及npm.cmd命令到PATH環境變量中
  • 添加npm的modules目錄到PATH環境變量中

因此手動設置上述目錄到環境變量便可code

其餘配置

使用cnpm替代npm

  • 因爲國內訪問npm官方鏡像庫的速度較慢,所以改用淘寶npm鏡像庫,這個庫同官方庫全量同步且頻率爲10分鐘一次,徹底能替代官方庫 https://npm.taobao.org/
  • cnpm支持 npm 除了 publish 以外的全部命令
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
相關文章
相關標籤/搜索