Node基礎入門（一）：起步

Node最近幾年特別火爆，做爲一門用js開發的後端語言，Java和PHP能實現的功能，Node一樣能夠實現，而且在某些方面還能作的更好，並且對於前端開發者來說，學習Node也更加容易。Node能夠幫助前端開發者樹立大局觀，能更全面地掌握整個軟件的開發過程，瞭解後端人員是如何處理數據存儲數據的……

1、Node的優點

• 脫離瀏覽器運行js：之前寫的js都是在瀏覽器中運行的，而Node能夠運行在別的終端，操做CPU、內存、文件讀寫等；
• 後端接口的編寫：前端的大部分工做就是處理接口，傳統模式下，接口是後端人員開發的，如今Node也能作到這一點；
• Webpack/Gulp/NPM等：這些前端工程化的工具都強依賴於Node；

• 負責IO讀寫的中間層服務器：傳統模式下，瀏覽器發送請求給服務器，服務器收到請求後處理數據而後返回給瀏覽器。所謂Node中間層，就是在瀏覽器和服務器中間加了一個Node層，其具有如下特性：

  • 性能（異步IO）：瀏覽器傳輸的數據先通過Node處理後再傳給服務器，能輕鬆應對高併發的場景；
  • 數據處理：假設前端須要一段JSON數據，服務器卻給前端返回了一個數組，Node中間層即可以將數組處理成JSON格式再返回給前端；
  • 安全性：由於中間多了一層，增長了攻擊成本，更有助於防範。

2、Node環境搭建和運行

1. 官網下載安裝包：左邊的是穩定版（推薦），右邊的是最新版，下載後雙擊打開，一直點下一步便可完成安裝；

2. 檢測是否安裝成功：windows平臺按Win + R，輸入cmd，mac平臺打開terminal.app。執行命令node -v，窗口打印出版本號就表示安裝成功；

3. 測試代碼：執行命令node，光標一直閃爍，即表示等待用戶輸入js代碼：

4. 運行js文件：在D盤新建node文件夾，node內部新建index.txt，輸入console.log('Hello Node')，保存，重命名爲index.js，有兩種方法執行該文件：

(1). 執行命令進入目標位置後執行文件：

d:
cd node
node index.js // 或 node index

(2). 在index.js所在文件夾（D:node）空白處按住Shift而後點擊鼠標右鍵，選擇「在此處打開Powershell窗口」，輸入node index.js：

3、npm和包

1. npm包管理：幫助咱們管理項目中的第三方插件、模塊和庫。傳統的開發模式下，咱們會在頁面上經過<script src="./js/jquery.js"></script>引入須要的js文件，每每一個項目須要引入的文件有不少，不只難管理，別人接手後也難以維護，而Node使用package.json管理這些擁有複雜依賴關係的文件包，大大節省了開發者的維護成本；

2. 如何生成package.json：一樣在D盤裏，新建node文件夾，shift + 右鍵打開Powershell窗口，輸入npm init（初始化一個NodeJS項目），以後彈出的各類問題如無特殊須要均可以按回車以完成初始化操做：

此時，D盤node文件夾下多了一個package.json：

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

3. npm、cnpm：如今，咱們經過命令npm install jquery嘗試安裝jQuery（ 該命令還能夠縮寫爲npm i jquery ）。回車後執行安裝，node文件夾下面多了一個node_modules文件夾，裏面包含咱們剛剛下載的jquery文件包，而package.json文件末尾多了以下代碼：

"dependencies": {
  "jquery": "^3.4.1"
}

另外，經過npm uninstall jquery能夠卸載jquery（ 縮寫爲npm un jquery ）。

由於npm是從國外的服務器上下載資源的，受網絡影響較大，咱們通常採用國內的淘寶npm鏡像，使用淘寶定製的cnpm (gzip 壓縮支持) 命令行工具代替默認的npm：

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

• 一樣經過執行cnpm -v檢查是否安裝成功；
• 其中-g表明全局安裝，這樣在本機的任何位置都能使用cnpm（不然只能在當前安裝它的位置使用，如D:node）；
• cnpm和npm的使用方法一致。

4. 總結/擴展

npm init // 初始化node項目
npm install x // 安裝x插件，縮寫：npm i x
npm uninstall x // 卸載x插件，縮寫：npm un x
npm update x // 更新x插件
npm install // 通常在拷貝別人項目或是重裝項目時使用，做用是按照package.json安裝全部依賴，縮寫：npm i

下一篇《Node基礎入門（二）：模塊》