一、初識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 jquery@3.3.1 –S（--save） 或者 npm install jquery@3 –S（--save）
注意：
1）默認下載最新版本，也可以帶上版本號；
2）執行命令后項目中增加了一個node_modules文件夾，包含jquery文件；
3）執行命令后package.json中增加了”dependencies”:{ "jquery": "^3.3.1" };
下載bootstrap則把上邊的jquery換成bootstrap即可，也可以指定版本，如下：
npm install bootstrap@3 –S 或者 npm install bootstrap@3 –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。