Node.js介紹和環(huán)境配置(含NVM、NPM、YARN的安裝)

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)。

img

如上圖所示:

  • 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)目

img
  • 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)下載安裝包:

img

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

img

注意,我們以一定要用偶數(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 的安裝包:

img

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

img

(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)境變量是否配置成功:

img

(2)輸入 nvm ls,查看已安裝的所有 node 版本。

(3)輸入 nvm -v,查看 已安裝的 nvm 版本。

(4)輸入 node -v,查看正在使用的 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

安裝成功的界面:

img

完成后,nvm就被安裝在了~/.nvm下。

如果發(fā)現(xiàn)安裝失?。?/p>

img

原因: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)慢,要稍等。

img

輸入 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)。

img

如果要退出 REPL 環(huán)境,可以輸入.exitprocess.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:

img

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

img
img
img

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

img

如果上方命令無(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,查看:

img

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。作用是:切換和管理包的鏡像源。

安裝 NRM:

npm install -g nrm
img

NRM 的常用命令:

# 顯示全部的鏡像
nrm ls

# 使用淘寶的鏡像
nrm use taobao

效果入下:

img

推薦的國(guó)內(nèi)加速鏡像淘寶:https://npm.taobao.org/

安裝cnpm

安裝cnpm替換npm(npm由于源服務(wù)器在國(guó)外,下載node包速度較慢,cnpm使用國(guó)內(nèi)鏡像):

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

如果我們需要通過(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 程序。

YARN

官方文檔:https://yarn.bootcss.com/docs/

參考文章:https://www.cnblogs.com/qianguyihao/

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容