Node基礎入門(一):起步

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

一、Node的優勢

  • 脫離瀏覽器運行js:以前寫的js都是在瀏覽器中運行的,而Node可以運行在別的終端,操作CPU、內存、文件讀寫等;
  • 後端接口的編寫:前端的大部分工作就是處理接口,傳統模式下,接口是後端人員開發的,現在Node也能做到這一點;
  • Webpack/Gulp/NPM等:這些前端工程化的工具都強依賴於Node;
  • 負責IO讀寫的中間層服務器:傳統模式下,瀏覽器發送請求給服務器,服務器收到請求後處理數據然後返回給瀏覽器。所謂Node中間層,就是在瀏覽器和服務器中間加了一個Node層,其具備以下特性:
    • 性能(異步IO):瀏覽器傳輸的數據先經過Node處理後再傳給服務器,能輕鬆應對高併發的場景;
    • 數據處理:假設前端需要一段JSON數據,服務器卻給前端返回了一個數組,Node中間層便可以將數組處理成JSON格式再返回給前端;
    • 安全性:因爲中間多了一層,增加了攻擊成本,更有助於防範。

二、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

三、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基礎入門(二):模塊》

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章