1. 程式人生 > >理解Node.js安裝及模塊化

理解Node.js安裝及模塊化

chrom key 英文 create 下回 問題 eating ctr ont

1.安裝Node

  • Node.js 是一個基於 Chrome V8 引擎的 JavaScript 運行環境。
  • Node.js 使用了一個事件驅動、非阻塞式 I/O 的模型,使其輕量又高效。
  • Node.js 的包管理器 npm(Node Package Manage),是全球最大的開源庫生態系統。

中文網:http://nodejs.cn/
英文網:https://nodejs.org

2.REPL(交互式解釋器)

REPL(Read Eval Print Loop:交互式解釋器),表示一個電腦的環境,類似 Window 系統的終端或 Unix/Linux shell,我們可以在終端中輸入命令,並接收系統的響應。

Node 自帶了交互式解釋器,可以執行以下任務:

  • 讀取 - 讀取用戶輸入,解析輸入了Javascript 數據結構並存儲在內存中。
  • 執行 - 執行輸入的數據結構
  • 打印 - 輸出結果
  • 循環 - 循環操作以上步驟直到用戶兩次按下 ctrl-c 按鈕退出。

Node 的交互式解釋器可以很好的調試 Javascript 代碼。我們可以輸入以下命令來啟動 Node 的終端:

$ node

這時我們就可以在>後輸入簡單的表達式,並按下回車鍵來計算結果。

3.使用變量

你可以將數據存儲在變量中,並在你需要的時候使用它。
變量聲明需要使用 var 關鍵字,如果沒有使用 var 關鍵字變量會直接打印出來。
使用 var 關鍵字的變量可以使用 console.log() 來輸出變量。

$ node
    > x = 10
    10
    > var y = 10
    undefined
    > x + y
    20
    > console.log("Hello World")
    Hello World
    undefined
    > console.log("www.runoob.com")
    www.runoob.com
    undefined

4.REPL 命令

  • ctrl+c - 按下一次,退出當前終端。
  • ctrl+c - 按下兩次,退出 Node REPL。
  • ctrl+d - 退出 Node REPL.
  • 向上/向下 - 查看輸入的歷史命令
  • tab 鍵 - 列出當前命令
  • .break - 結束當前會話,清空緩存
  • .clear - .break 的別名,作用與 .break 相同
  • .editor - 開啟編輯器模式
  • .exit - 退出 REPL
  • .help - 打印幫助信息
  • .load - 將文件中JS加載到 REPL
  • .save - 保存當前的 Node REPL 會話到指定文件

5.停止 REPL

前面我們已經提到按下兩次 ctrl + c 鍵就能退出 REPL:

$ node
>
(^C again to quit)
>

6.Node中的模塊

在Node.js中,提供了一些核心模塊,其中Node.js v8.4.0 版中的模塊及其作用見下表:

  • assert - 斷言
  • Buffer - 緩沖器
  • child_process - 子進程
  • cluster - 集群
  • console - 控制臺
  • crypto - 加密
  • dgram - 數據報
  • dns - 域名服務器
  • Error - 異常
  • events - 事件
  • fs - 文件系統
  • global - 全局變量
  • http - HTTP
  • https - HTTPS
  • module - 模塊
  • net - 網絡
  • os - 操作系統
  • path - 路徑
  • process - 進程
  • querystring - 查詢字符串
  • readline - 逐行讀取
  • repl - 交互式解釋器
  • stream - 流
  • string_decoder - 字符串解碼器
  • timer - 定時器
  • tls - 安全傳輸層
  • tty - 終端
  • url - 網址
  • util - 實用工具
  • v8 - V8引擎
  • vm - 虛擬機
  • zlib - 壓縮

上面這些模塊都屬於Node的核心模塊,在使用這些模塊時,不需要通過npm包管理器下載,直接就可以使用:

var http = require(‘http‘);

在這段代碼中,使用require函數來引用http模塊,該函數返回http模塊對象,將該對象賦值給http變量之後,即可通過http變量來訪問http模塊中的屬性及方法。

var http = require(‘http‘);
http.createServer(function (request, response){
    response.writeHead(200, {‘Content-Type‘: ‘text/plain‘});
    response.end(‘Hello World\n‘);
}).listen(8124, ‘127.0.0.1‘);

7.Node包管理器

NPM是隨同NodeJS一起安裝的包管理工具,能解決NodeJS代碼部署上的很多問題,常見的使用場景有以下幾種:

  • 允許用戶從NPM服務器下載別人編寫的第三方包到本地使用。
  • 允許用戶從NPM服務器下載並安裝別人編寫的命令行程序到本地使用。
  • 允許用戶將自己編寫的包或命令行程序上傳到NPM服務器供別人使用。

由於新版的nodejs已經集成了npm,所以Node安裝好之後,npm也一並安裝好了。我們可以通過輸入 “npm -v” 來測試是否成功安裝。命令如下,出現版本提示表示安裝成功:

npm -v
3.10.8

如果你安裝的是舊版本的 npm,可以通過 npm 命令來升級,命令如下:

npm install npm -g

7.1使用 npm 命令安裝模塊

npm 安裝 Node.js 模塊語法格式如下:

npm install <Module Name>

以下實例,我們使用 npm 命令安裝less:

npm install less

安裝好之後,less 包就放在了工程目錄下的 node_modules 目錄中,因此在代碼中只需要通過 require(‘less’) 的方式就好,無需指定第三方包路徑。var express = require(‘less‘);



8.全局安裝與本地安裝
npm 的包安裝分為本地安裝(local)、全局安裝(global)兩種,具體選擇哪種安裝方式取決於你想怎樣使用這個包。如果你想將它作為命令行工具使用,比如gulp-cli,那麽你可以全局安裝它。如果你要把它作為自己包的依賴,你可以局部安裝它。

8.1:本地安裝
npm install less          # 本地安裝
  1. 將安裝包放在 ./node_modules 下(運行 npm 命令時所在的目錄),如果沒有 node_modules 目錄,會在當前執行 npm 命令的目錄下生成 node_modules 目錄。
  2. 可以通過 require() 來引入本地安裝的包。

  8.2:全局安裝

  npm install less -g       # 全局安裝
  1. 將安裝包放在 /usr/local 下或者你 node 的安裝目錄。
  2. 可以直接在命令行裏使用。

  如果你希望具備兩者功能,則需要在兩個地方安裝它或使用 npm link。

  8.3:查看安裝信息

你可以使用以下命令來查看所有全局安裝的模塊:

$ npm list -g

├─┬ cnpm@4.3.2
├── auto-correct@1.0.0
├── bagpipe@0.3.5
├── colors@1.1.2
├─┬ commander@2.9.0
└── graceful-readlink@1.0.1
├─┬ cross-spawn@0.2.9
└── lru-cache@2.7.3
……

如果要查看某個模塊的版本號,可以使用命令如下:

$ npm list grunt

projectName@projectVersion /path/to/project/folder
└── grunt@0.4.1

9.卸載模塊

我們可以使用以下命令來卸載 Node.js 模塊。

npm uninstall express

卸載後,你可以到 /node_modules/ 目錄下查看包是否還存在,或者使用以下命令查看:

npm ls


10:更新模塊

我們可以使用以下命令更新模塊:

npm update express

11.搜索模塊

使用以下來搜索模塊:

npm search express

12.創建模塊
創建模塊,package.json 文件是必不可少的。我們可以使用 NPM 生成 package.json 文件,生成的文件包含了基本的結果。


$ npm init

This utility will walk you through creating a package.json file.
It only covers the most common items, and tries to guess sensible defaults.

See `npm help json` for definitive documentation on these fields
and exactly what they do.

Use `npm install <pkg> --save` afterwards to install a package and
save it as a dependency in the package.json file.

Press ^C at any time to quit.
name: (code) nodedemo
version: (1.0.0)
description:
entry point: (load.js)
test command:
git repository:
keywords:
author:
license: (ISC)
About to write to E:\html9\前端9班第3階段課程\03_NodeJS\code\package.json:

{
  "name": "nodedemo",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC"
}


Is this ok? (yes) yes

以上的信息,你需要根據你自己的情況輸入。在最後輸入 “yes” 後會生成 package.json 文件。
接下來我們可以使用以下命令在 npm 資源庫中註冊用戶(使用郵箱註冊):

$ npm adduser
Username: mcmohd
Password:
Email: (this IS public) [email protected]

接下來我們就用以下命令來發布模塊:

npm publish

如果你以上的步驟都操作正確,你就可以跟其他模塊一樣使用 npm 來安裝。

13.cnpm淘寶鏡像

大家都知道國內直接使用 npm 的官方鏡像是非常慢的,這裏推薦使用淘寶 NPM 鏡像。淘寶 NPM 鏡像是一個完整 npmjs.org 鏡像,你可以用此代替官方版本(只讀),同步頻率目前為 10分鐘一次以保證盡量與官方服務同步。

你可以使用淘寶定制的 cnpm (gzip 壓縮支持) 命令行工具代替默認的 npm:

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

這樣就可以使用 cnpm 命令來安裝模塊了:

cnpm install [name]

更多信息可以查閱:http://npm.taobao.org/。



理解Node.js安裝及模塊化