一、初識node.js

       簡單的說Node.js 就是執行在伺服器端的JavaScript。

       Node.js 是一個基於Chrome JavaScript 執行時建立的一個平臺。

       Node.js是一個事件驅動I/O服務端JavaScript環境，基於Google的V8引擎，V8引擎執行Javascript的速度非常快，效能非常好。

       Node.js 的包管理器 npm，是全球最大的開源庫生態系統。

       Node.js官網：https://nodejs.org/en

       npm官網：https://www.npmjs.com

1、安裝node.js

       從官網下載安裝包，本文以安裝v8.12.0版本為例，下載完成後按照提示安裝。

       注意 ：若安裝過程中修改了預設安裝路徑，則要將修改後的路徑新增到系統的環境變數中。

2、node.js命令介紹（cmd終端執行）

       檢視node版本： node –v

       檢視npm版本：npm -v

       進入node環境：node

       退出node環境：兩次ctrl+c

3、通過node.js的npm下載專案中用到的包如bootstrap和jquery等，步驟如下：

       a、安裝好node.js後，在命令列通過cd命令切換到專案目錄下；

       b、初始化專案目錄，會自動生成一個package.json檔案來管理我們的包，命令如下：

              npm init 或者 npm init --yes

       c、下載當前專案依賴的包，如bootstrap和jquery，命令如下：

              npm install jquery –S 或者 npm install jquery --save

              npm install [email protected] –S（--save） 或者 npm install [email protected] –S（--save）

              注意：

                     1）預設下載最新版本，也可以帶上版本號；

                     2）執行命令後項目中增加了一個node_modules資料夾，包含jquery檔案；

                     3）執行命令後package.json中增加了”dependencies”:{ "jquery": "^3.3.1" };

              下載bootstrap則把上邊的jquery換成bootstrap即可，也可以指定版本，如下：

　　　　npm install [email protected] –S 或者 npm install [email protected] –save

       注意：

           1）預設下載最新版本，也可以帶上版本號；

                     2）執行命令後項目的node_modules資料夾增加了一個bootstrap資料夾；

                     3）執行後package.json中的”dependencies”值增加了{ "bootstrap": "^3.3.7",};

              PS：當前專案依賴包在dependencies中，開發環境下依賴的包在devDependencies中存放。

              總結：專案依賴的所有包都放在node_modules資料夾中。

       d、解除安裝命令：npm uninstall jquery –S

4、github不允許上傳超過100M的專案，所以上傳專案的時候不用上傳node_modules資料夾。

       手動刪除node_modules資料夾後，package.json中依賴的包還存在的話，在終端執行命令，則可以自動下載package.json中的所有包，命令如下： 

       npm install

       所以當你從GitHub下載一個專案後，進入專案目錄，執行npm install就可以下載專案依賴的包。

5、例如，一個專案中的package.json檔案中有如下鍵值對：

　　"scripts": {

　　　　"dev": "node build/dev-server.js",

　　　　"build": "node build/build.js"

　　},

       那麼，我們可以執行npm run dev來開啟node伺服器，然後訪問專案；可以執行npm run build命令對專案進行壓縮和醜陋化（js和css檔案都在一行，且變數用e、t、i等單字母表示）。

       注意：前端也是伺服器的，即node.js。常常作為中間層，接受前端頁面傳送的請求，並向python等後臺的伺服器傳送請求。前端全域性變數都掛在window物件上，node.js全域性變數掛在global物件上。

6、前端三大壓縮工具：webpack（用的比較多）、grunt、gulp。