Node.js環境配置及初始化


一、安裝環境
1、本機系統:Windows 10 Pro(64位)
2、Node.js:v6.9.2LTS(64位)
二、安裝Node.js步驟
1、下載對應你系統的Node.js版本:https://nodejs.org/en/download/
2、選安裝目錄進行安裝
3、環境配置
4、測試
三、前期准備
1、Node.js簡介
簡單的說 Node.js 就是運行在服務端的 JavaScript。Node.js 是一個基於 Chrome V8 引擎的 JavaScript 運行環境。Node.js 使用了一個事件驅動、非阻塞式 I/O 的模型,使其輕量又高效。Node.js 的包管理器 npm,是全球最大的開源庫生態系統。
2、下載Node.js
打開官網下載鏈接:https://nodejs.org/en/download/ 我這里下載的是node-v6.9.2-x64.msi,如下圖:

四、開始安裝
1、下載完成后,雙擊“node-v6.9.2-x64.msi”,開始安裝Node.js

點擊【Next】按鈕

勾選復選框,點擊【Next】按鈕

修改好目錄后,點擊【Next】按鈕

安裝完后點擊【Finish】按鈕完成安裝

至此Node.js已經安裝完成,可以先進行下簡單的測試安裝是否成功了,后面還要進行環境配置
在鍵盤按下【win+R】鍵,輸入cmd,然后回車,打開cmd窗口

安裝完后的目錄如下圖所示:

此處說明下:新版的Node.js已自帶npm,安裝Node.js時會一起安裝,npm的作用就是對Node.js依賴的包進行管理,也可以理解為用來安裝/卸載Node.js需要裝的東西

五、環境配置
說明:這里的環境配置主要配置的是npm安裝的全局模塊所在的路徑,以及緩存cache的路徑,之所以要配置,是因為以后在執行類似:npm install express [-g] (后面的可選參數-g,g代表global全局安裝的意思)的安裝語句時,會將安裝的模塊安裝到【C:\Users\用戶名\AppData\Roaming\npm】路徑中,占C盤空間。
例如:我希望將全模塊所在路徑和緩存路徑放在我node.js安裝的文件夾中,則在我安裝的文件夾【D:\Develop\nodejs】下創建兩個文件夾【node_global】及【node_cache】如下圖:

創建完兩個空文件夾之后,打開cmd命令窗口,輸入
npm config set prefix "D:\Tools\Nodejs\node_global"
npm config set cache "D:\Tools\Nodejs\node_cache"

接下來設置環境變量,關閉cmd窗口,“我的電腦”-右鍵-“屬性”-“高級系統設置”-“高級”-“環境變量”

進入環境變量對話框,在【系統變量】下新建【NODE_PATH】,輸入【D:\Develop\nodejs\node_global\node_modules】,將【用戶變量】下的【Path】修改為【D:\Develop\nodejs\node_global】



六、測試
配置完后,安裝個module測試下,我們就安裝最常用的express模塊,打開cmd窗口,
輸入如下命令進行模塊的全局安裝:
npm install express -g # -g是全局安裝的意思

七、配置淘寶鏡像
(一)最頂級的使用
1、安裝cnpm
npm i -g cnpm --registry=https://registry.npm.taobao.org
2、然后就可以cnpm安裝依賴包了
cnpm i -g vue vue-cli
3、cnpm config ls 查看
E:\我的項目\2018-08>cnpm config ls
; cli configs
disturl = "https://npm.taobao.org/mirrors/node"
metrics-registry = "https://registry.npm.taobao.org/"
registry = "https://registry.npm.taobao.org/"
scope = ""
user-agent = "npm/6.3.0 node/v8.11.3 win32 x64"
userconfig = "C:\Users\Administrator\.cnpmrc"

; node bin location = D:\Program Files\nodejs\node.exe
; cwd = E:\我的項目\2018-08
; HOME = C:\Users\Administrator
; "npm config ls -l" to show all defaults.

E:\我的項目\2018-08>
會發現里面的registry變成了淘寶的鏡像(倉庫):https://registry.npm.taobao.org/
【本文里面的“鏡像”等同於“倉庫”,下同】

(二)原始的npm
1、查看原始配置 npm config ls
E:\我的項目\2018-08>npm config ls
; cli configs
metrics-registry = "https://registry.npmjs.org/"
scope = ""
user-agent = "npm/5.6.0 node/v8.11.3 win32 x64"

; userconfig C:\Users\Administrator.npmrc
cache = "D:\Program Files\nodejs\node_cache"
prefix = "D:\Program Files\nodejs\node_global"

; builtin config undefined

; node bin location = D:\Program Files\nodejs\node.exe
; cwd = E:\我的項目\2018-08
; HOME = C:\Users\Administrator
; "npm config ls -l" to show all defaults.

E:\我的項目\2018-08>
會發現里面的registry是npm原始的鏡像:https://registry.npmjs.org/
2、npm臨時使用淘寶鏡像安裝依賴包
npm i -g express --registry https://registry.npm.taobao.org
3、npm持久使用淘寶鏡像安裝依賴包
npm config set registry https://registry.npm.taobao.org
npm i -g express
注意,不推薦這樣子,因為把npm的鏡像完全設為了淘寶的鏡像,萬一我們有些依賴包只有npm原始鏡像里面才有,而淘寶里面沒有,那就悲劇了。所以分開npm和cnpm是最好的。

(三)一些常用設置
1、查看【npm 與 cnpm 是2個不同的】
npm config ls
cnpm config ls

2、設置:主要是設置cache和prefix
npm config set cache "D:\Tools\Nodejs\node_cache"
npm config set prefix "D:\Tools\Nodejs\node_global"

cnpm config set cache "D:\Tools\Nodejs\node_cache"
cnpm config set prefix "D:\Tools\Nodejs\node_global"

3、最后的結果
E:\我的項目\2018-08>cnpm config ls
; cli configs
disturl = "https://npm.taobao.org/mirrors/node"
metrics-registry = "https://registry.npm.taobao.org/"
registry = "https://registry.npm.taobao.org/"
scope = ""
user-agent = "npm/6.3.0 node/v8.11.3 win32 x64"
userconfig = "C:\Users\Administrator\.cnpmrc"

; userconfig C:\Users\Administrator.cnpmrc
cache = "D:\Program Files\nodejs\node_cache"
prefix = "D:\Program Files\nodejs\node_global"

; node bin location = D:\Program Files\nodejs\node.exe
; cwd = E:\我的項目\2018-08
; HOME = C:\Users\Administrator
; "npm config ls -l" to show all defaults.

E:\我的項目\2018-08>npm config ls
; cli configs
metrics-registry = "https://registry.npmjs.org/"
scope = ""
user-agent = "npm/5.6.0 node/v8.11.3 win32 x64"

; userconfig C:\Users\Administrator.npmrc
cache = "D:\Program Files\nodejs\node_cache"
prefix = "D:\Program Files\nodejs\node_global"

; builtin config undefined

; node bin location = D:\Program Files\nodejs\node.exe
; cwd = E:\我的項目\2018-08
; HOME = C:\Users\Administrator
; "npm config ls -l" to show all defaults.

淘寶 NPM 鏡像
https://npm.taobao.org/

這是一個完整 npmjs.org 鏡像,你可以用此代替官方版本(只讀),同步頻率目前為 10分鍾 一次以保證盡量與官方服務同步。
當前 registry.npm.taobao.org 是從 r.cnpmjs.org 進行全量同步的.
當前 npm.taobao.org 運行版本是: cnpmjs.org@3.0.0-rc.29
本系統運行在 Node.js@v12.8.1 上.
開源鏡像: http://npm.taobao.org/mirrors
Node.js 鏡像: http://npm.taobao.org/mirrors/node
alinode 鏡像: http://npm.taobao.org/mirrors/alinode
phantomjs 鏡像: http://npm.taobao.org/mirrors/phantomjs
ChromeDriver 鏡像: http://npm.taobao.org/mirrors/chromedriver
OperaDriver 鏡像: http://npm.taobao.org/mirrors/operadriver
Selenium 鏡像: http://npm.taobao.org/mirrors/selenium
Node.js 文檔鏡像: http://npm.taobao.org/mirrors/node/latest/docs/api/index.html
NPM 鏡像: https://npm.taobao.org/mirrors/npm/
electron 鏡像: https://npm.taobao.org/mirrors/electron/
node-inspector 鏡像: https://npm.taobao.org/mirrors/node-inspector/

Version Badge
Default style is flat-square.
Badge URL: https://npm.taobao.org/badge/v/cnpmjs.org.svg
<0.1.0 & >=0.0.0:
<1.0.0 & >=0.1.0:
>=1.0.0:
使用說明
你可以使用我們定制的 cnpm (gzip 壓縮支持) 命令行工具代替默認的 npm:
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
或者你直接通過添加 npm 參數 alias 一個新命令:
alias cnpm="npm --registry=https://registry.npm.taobao.org
--cache=$HOME/.npm/.cache/cnpm
--disturl=https://npm.taobao.org/dist
--userconfig=$HOME/.cnpmrc"

Or alias it in .bashrc or .zshrc
$ echo '\n#alias for cnpm\nalias cnpm="npm --registry=https://registry.npm.taobao.org
--cache=$HOME/.npm/.cache/cnpm
--disturl=https://npm.taobao.org/dist
--userconfig=$HOME/.cnpmrc"' >> ~/.zshrc && source ~/.zshrc
安裝模塊
從 registry.npm.taobao.org 安裝所有模塊. 當安裝的時候發現安裝的模塊還沒有同步過來, 淘寶 NPM 會自動在后台進行同步, 並且會讓你從官方 NPM registry.npmjs.org 進行安裝. 下次你再安裝這個模塊的時候, 就會直接從 淘寶 NPM 安裝了.
$ cnpm install [name]
同步模塊
直接通過 sync 命令馬上同步一個模塊, 只有 cnpm 命令行才有此功能:
$ cnpm sync connect
當然, 你可以直接通過 web 方式來同步: /sync/connect
$ open https://npm.taobao.org/sync/connect
其它命令
支持 npm 除了 publish 之外的所有命令, 如:
$ cnpm info connect


免責聲明!

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



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