Node.js的介紹
什么是 Node.js(官方解釋?zhuān)?/h3>
Node.js 是一個(gè)基于 Chrome V8 引擎的 JavaScript 代碼運(yùn)行環(huán)境。 Node.js使用了一個(gè)事件驅(qū)動(dòng)、非阻塞式I/O的模型( Node.js的特性),使其輕量級(jí)又高效。 Node.js 的包管理器 npm 是全球最大的開(kāi)源庫(kù)生態(tài)系統(tǒng)。

如上圖所示:
- Node 內(nèi)部采用 Google Chrome 的 V8 引擎,作為 JavaScript 語(yǔ)言解釋器;
- 通過(guò)自行開(kāi)發(fā)的 libuv 庫(kù),調(diào)用操作系統(tǒng)資源。
什么是 Node.js(非官方解釋?zhuān)?/h3>
Node.js是 JavaScript 語(yǔ)言在服務(wù)器端的運(yùn)行環(huán)境(平臺(tái))。Node.js 不是一門(mén)語(yǔ)言,也不是 JavaScript 的框架。
- 與PHP、JSP、Python、Perl、Ruby的“既是語(yǔ)言,也是平臺(tái)”不同,Node.js的使用JavaScript進(jìn)行編程,運(yùn)行在 Chrome 的 V8 引擎上。
- 與PHP、JSP等相比(PHP、JSP、.net都需要運(yùn)行在服務(wù)器程序上,Apache、Naginx、Tomcat、IIS。
),Node.js跳過(guò)了Apache、Naginx、IIS等HTTP服務(wù)器,它自己不用建設(shè)在任何服務(wù)器軟件之上。Node.js的許多設(shè)計(jì)理念與經(jīng)典架構(gòu)(LAMP = Linux + Apache + MySQL + PHP)有著很大的不同,可以提供強(qiáng)大的伸縮能力。Node.js沒(méi)有web容器。
運(yùn)行環(huán)境(平臺(tái))的含義
- 首先,JavaScript 語(yǔ)言通過(guò) Node 在服務(wù)器上運(yùn)行,在這個(gè)意義上,Node 有點(diǎn)像 JavaScript 虛擬機(jī)。
- 其次,Node 生態(tài)系統(tǒng)活躍,提供了大量的開(kāi)源庫(kù),使得 JavaScript 語(yǔ)言能與操作系統(tǒng)進(jìn)行交互(比如讀寫(xiě)文件、新建子進(jìn)程),在這個(gè)層次上,Node 又是屬于 JavaScript 的工具庫(kù)。
為什么要學(xué)習(xí)服務(wù)器端開(kāi)發(fā)
- 能夠和后臺(tái)開(kāi)發(fā)的程序員更佳緊密地結(jié)合、更順暢地溝通。
- 當(dāng)網(wǎng)站的業(yè)務(wù)邏輯需要前置時(shí),前端人員需要學(xué)習(xí)一些后臺(tái)開(kāi)發(fā)的技術(shù),以完成相應(yīng)的任務(wù)。
- 拓寬知識(shí)視野和技術(shù)棧,能夠站在全局的角度審視整個(gè)項(xiàng)目。
為什么選擇 Node.js 做后臺(tái)開(kāi)發(fā)
- 使用 JavaScript 語(yǔ)言 開(kāi)發(fā)服務(wù)器端應(yīng)用。
- 一些公司要求前端工程師掌握 Node.js 開(kāi)發(fā)。
- Node.js 生態(tài)系統(tǒng)活躍,提供了大量的開(kāi)源庫(kù)。
Node.js的發(fā)展
Node 的歷史
- 2008年左右,隨著 Ajax 的逐漸普及,Web 開(kāi)發(fā)逐漸走向復(fù)雜化,系統(tǒng)化;
- 2009年2月,Ryan Dahl 想要?jiǎng)?chuàng)建一個(gè)輕量級(jí),適應(yīng)現(xiàn)代 Web 開(kāi)發(fā)的平臺(tái);
- 2009年5月,Ryan Dahl 在 GitHub 中開(kāi)源了最初版本,同年11月,JSConf 就安排了 Node 講座;
- 2010年底,Joyent 公司資助,Ryan Dahl 也加入了該公司,專(zhuān)門(mén)負(fù)責(zé) Node 的開(kāi)發(fā);
- 2011年7月,在微軟的支持下登陸 Windows 平臺(tái)。PS:node 的生產(chǎn)環(huán)境基本是在 Linux 下。
據(jù) Node.js 創(chuàng)始人 Ryan Dahl 回憶,他最初希望采用 Ruby,但是 Ruby 的虛擬機(jī)效率不行。
注意:是 Node 選擇了 JavaScript,不是 JavaScript 發(fā)展出來(lái)了一個(gè) Node。
Node.js的主要應(yīng)用領(lǐng)域
- RESTFul API
- 實(shí)時(shí)通信:如消息推送等
- 高并發(fā)
- I/O阻塞
知名度較高的Node.js開(kāi)源項(xiàng)目

- express:Node.js中著名的web服務(wù)器框架。
- Koa:下一代的 Node.js 的 Web 框架。
- mocha:功能強(qiáng)大的 node.js 測(cè)試框架。
- PM2:node 本來(lái)是單進(jìn)程的,PM2可以實(shí)現(xiàn)和管理多進(jìn)程。
- jade:非常優(yōu)秀的模板引擎,不僅限于 js 語(yǔ)言。
- CoffeeScript:用簡(jiǎn)潔的方式展示 JavaScript 優(yōu)秀的部分。
- Atom:文本編輯器。
- socket.io:實(shí)時(shí)通信框架。
Node.js的特點(diǎn)
- 單線程
Node.js 運(yùn)行環(huán)境配置:通過(guò) Node.js 安裝包(不推薦)
去 Node.js 的官網(wǎng)下載安裝包:

我們也可以在https://nodejs.org/en/download/releases/ 里下載歷史版本。

注意,我們以一定要用偶數(shù)版(V4、V6等),不要用奇數(shù)版(比如V5),因?yàn)槠鏀?shù)版不穩(wěn)定。
我們并不推薦直接采用 Node.js.msi(windows)或者 Node.js.pkg(Mac) 安裝包進(jìn)行安裝,原因如下:
- 不方便 Node.js 版本的更新;
- 無(wú)法回滾到之前的版本;
- 無(wú)法在多個(gè)版本之間切換(在有些項(xiàng)目中,我們要使用 Node 的指定版本)。
因此,我們暫時(shí)先不用安裝 Node.js,稍后用 NVM 的方式來(lái)安裝 Node.js。
Node.js 運(yùn)行環(huán)境配置:通過(guò) NVM(推薦)
NVM:node.js version manager,用來(lái)管理 node 的版本。
我們可以先安裝 NVM,然后通過(guò) NVM 安裝 Node.js。這是官方推薦的做法。
Windows 和 Mac 下安裝的Node.js 的步驟如下。
Windows 系統(tǒng)安裝 Node.js
1、安裝 NVM:
(1)我們?nèi)?https://github.com/coreybutler/nvm-windows/releases 下載 NVM 的安裝包:

下載下來(lái)后,直接解壓到 D:\web目錄下:

(2)在上面的目錄中,新建一個(gè)settings.txt文件,里面的內(nèi)容填充如下:
root: D:\web\nvm
path: D:\web\nodejs
arch: 64
proxy
上方內(nèi)容的解釋?zhuān)?/p>
- root 配置為:當(dāng)前 nvm.exe 所在的目錄
- path 配置為:node 快捷方式所在的目錄
- arch 配置為:當(dāng)前操作系統(tǒng)的位數(shù)(32/64)
- proxy 不用配置
(3)配置環(huán)境變量:
-
NVM_HOME=D:\web\nvm(當(dāng)前 nvm.exe 所在目錄) -
NVM_SYMLINK=D:\web\nodejs(node 快捷方式所在的目錄) - PATH +=
;%NVM_HOME%;%NVM_SYMLINK%
配置成功后,重啟資源管理器。
2、驗(yàn)證:(在 cmd 命令行中輸入命令)
(1)輸入nvm命令查看環(huán)境變量是否配置成功:

(2)輸入 nvm ls,查看已安裝的所有 node 版本。
(3)輸入 nvm -v,查看 已安裝的 nvm 版本。
(4)輸入 node -v,查看正在使用的 node 版本。
- 參考鏈接:安裝npm,nvm,node
如果 Node 安裝失敗,可以參考上面這個(gè)鏈接。
3、安裝指定版本的 Node.js:
nvm install 版本號(hào)
# 舉例
nvm install 8.10.0
輸入 node -v,查看當(dāng)前使用的 node 版本。
關(guān)于 NVM 的常用命令,詳見(jiàn)下一段。
Mac 系統(tǒng)安裝 Node.js
1、安裝 NVM:
(1)打開(kāi) 終端.app,輸入:
curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.8/install.sh | bash
安裝成功的界面:

完成后,nvm就被安裝在了~/.nvm下。
如果發(fā)現(xiàn)安裝失?。?/p>

原因:Xcode 軟件進(jìn)行過(guò)更新。
解決辦法:打開(kāi) Xcode 軟件,同意相關(guān)內(nèi)容即可。
(2)配置環(huán)境變量:
編輯器打開(kāi)~/.bash_profile文件,如果不會(huì)就輸入open ~/.bash_profile。
(補(bǔ)充:如果你的Mac電腦里找不到~/.bash_profile文件,那就找找有沒(méi)有~/.profile文件,或者~/.bashrc文件,或者~/.zshrc文件)。
在最后一行輸入:
export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh" # This loads nvm
如果你發(fā)現(xiàn)文件中已經(jīng)存在了上面這行代碼,就不用往里面加了。這一步的作用是每次新打開(kāi)一個(gè)bash,nvm都會(huì)被自動(dòng)添加到環(huán)境變量中。
最后,輸入 source ~/.bash_profile重啟環(huán)境變量的配置。
PS:NVM 現(xiàn)在已經(jīng)不支持 Homebrew 的方式來(lái)安裝了。
參考鏈接:http://www.itdecent.cn/p/a3f8778bc0a1
2、驗(yàn)證:(在 終端命令行中輸入命令)
(1)輸入 nvm 命令查看環(huán)境變量是否配置成功:
(2)輸入 nvm ls,查看已安裝的所有 node 版本。
(3)輸入 nvm -v,查看 已安裝的 nvm 版本。
(4)輸入 node -v,查看正在使用的 node 版本。
3、安裝指定版本的 Node.js:
和Windows下一樣,也是執(zhí)行如下命令:
nvm install 版本號(hào)
# 舉例
nvm install 8.10.0
網(wǎng)速有點(diǎn)慢,要稍等。

輸入 node -v,查看當(dāng)前使用的 node 版本。
安裝好 Node 之后,npm 也會(huì)自動(dòng)安裝的,輸入 npm -v,查看 npm 的版本。
關(guān)于 NVM 的常用命令,詳見(jiàn)下一段。
NVM 的常用命令
注意,這一段說(shuō)的是 NVM 的常用命令,不是 Node的 常用命令。
查看當(dāng)前使用的 nvm 版本:
nvm -v
nvm --version
查看本地安裝的所有的 Node.js 版本:
nvm list|ls
安裝指定版本的 Node.js:
nvm install 版本號(hào)
# 舉例
nvm install 8.10.0
卸載指定版本 Node.js:
nvm uninstall 版本號(hào)
切換使用指定版本的node:
nvm use 版本號(hào)
Node.js 的常用命令
查看 node 的版本:
node -v
執(zhí)行腳本字符串:
node -e 'console.log("Hello World")'
運(yùn)行腳本文件:
node index.js
node path/index.js
node path/index
查看幫助:
node --help
進(jìn)入 REPL 環(huán)境:
node
REPL 的全稱(chēng):Read、Eval、 Print、Loop。類(lèi)似于瀏覽器的控制臺(tái)。

如果要退出 REPL 環(huán)境,可以輸入.exit 或 process.exit()。
在 VS Code 里,我們可以在菜單欄選擇“幫助->切換開(kāi)發(fā)人員工具”,打開(kāi)console控制臺(tái)。
包和 NPM
什么是包
由于 Node 是一套輕內(nèi)核的平臺(tái),雖然提供了一系列的內(nèi)置模塊,但是不足以滿(mǎn)足開(kāi)發(fā)者的需求,于是乎出現(xiàn)了包(package)的概念:
與核心模塊類(lèi)似,就是將一些預(yù)先設(shè)計(jì)好的功能或者說(shuō) API 封裝到一個(gè)文件夾,提供給開(kāi)發(fā)者使用。
Node 本身并沒(méi)有太多的功能性 API,所以市面上涌現(xiàn)出大量的第三方人員開(kāi)發(fā)出來(lái)的 Package。
包的加載機(jī)制
如果 Node中自帶的包和第三方的包名沖突了,該怎么處理呢?原則是:
- 先在系統(tǒng)核心(優(yōu)先級(jí)最高)的模塊中找;
- 然后到當(dāng)前項(xiàng)目中 node_modules 目錄中找。
比如說(shuō):
requiere(`fs`)
那加載的肯定是系統(tǒng)的包。所以,我們盡量不要?jiǎng)?chuàng)建一些和現(xiàn)有的包重名的包。
NPM的概念
包的生態(tài)圈一旦繁榮起來(lái),就必須有工具去來(lái)管理這些包。NPM 應(yīng)運(yùn)而生。
NPM:Node Package Manager。官方鏈接: https://www.npmjs.com/
隨著時(shí)間的發(fā)展,NPM 出現(xiàn)了兩層概念:
- 一層含義是 Node 的開(kāi)放式模塊登記和管理系統(tǒng),亦可以說(shuō)是一個(gè)生態(tài)圈,一個(gè)社區(qū)。
- 另一層含義是 Node 默認(rèn)的模塊管理器,是一個(gè)命令行下的軟件,用來(lái)安裝和管理 Node 模塊。
NPM 的安裝(不需要單獨(dú)安裝)
NPM 不需要單獨(dú)安裝。默認(rèn)在安裝 Node 的時(shí)候,會(huì)連帶一起安裝 NPM:

NVM、Node、NPM 安裝之后,目錄分布如下:



輸入 npm -v,查看 npm 的版本:

如果上方命令無(wú)效,可能是之前的 node 并沒(méi)有完全安裝成功。解決辦法:https://segmentfault.com/a/1190000011114680
另外,Node 附帶的 NPM 可能不是最新版本,可以用下面的命令,更新到最新版本:
npm install npm -g
配置 NPM 的全局目錄(暫略)
NPM 默認(rèn)安裝到當(dāng)前正在使用 Node 版本所在目錄下。我們建議重新配置 NPM 的全局目錄。
輸入npm config ls,查看:

NPM的常用命令
- npm init --yes
項(xiàng)目的初始化。執(zhí)行完成后,會(huì)生成package.json文件。
- npm install [package]
只在當(dāng)前工程下安裝 package。
- npm install -g [package]
在全局環(huán)境下安裝 package。
- npm run [script]
NRM的安裝(Win 和 Mac 通用)
由于 NPM 的資源都在國(guó)外,有時(shí)候會(huì)被墻,導(dǎo)致無(wú)法下載或者很慢。此時(shí)可以用到NRM。
NRM:Node Registry Manager。作用是:切換和管理包的鏡像源。
- 項(xiàng)目地址:https://www.npmjs.com/package/nrm
- GitHub地址: https://github.com/Pana/nrm
安裝 NRM:
npm install -g nrm

NRM 的常用命令:
# 顯示全部的鏡像
nrm ls
# 使用淘寶的鏡像
nrm use taobao
效果入下:

推薦的國(guó)內(nèi)加速鏡像淘寶:https://npm.taobao.org/
安裝cnpm
- 項(xiàng)目地址:https://npm.taobao.org/
安裝cnpm替換npm(npm由于源服務(wù)器在國(guó)外,下載node包速度較慢,cnpm使用國(guó)內(nèi)鏡像):
npm install -g cnpm --registry=https://registry.npm.taobao.org

如果我們需要通過(guò) cnpm 去安裝一個(gè)包時(shí),舉例如下:
cnpm i vue
解釋?zhuān)?i 指的就是 install。
Node 的使用
我們可以輸入node命令,然后在里面寫(xiě) js 的代碼,也可以 通過(guò) node 運(yùn)行 js 文件。比如,編寫(xiě)好一個(gè) js文件01.js,然后在命令行輸入:
node 01.js
就可以執(zhí)行 js 程序。