es6項目模仿學習記錄：
一、使用的技術
es6 + node + gulp + babel +webpack、webpack-stream
二、技術介紹
es6：
node：
express：node架構
gulp：任務自動化，
babel：編譯工具
webpack：子產品化
webpack-stream ：處理gulp
三、環境搭建
（1）node環境搭建（Windows系統下）
1. node下載下傳位址：http://nodejs.cn/download/
2. 根據系統位數、選擇msi版（安裝簡單）安裝，如下圖
3.一路下一步進行安裝
4.檢查安裝，在cmd指令下輸入 node -v 指令顯示如下，表明安裝成功。
（2）安裝express架構
1.下載下傳express：通過node下的npm指令，在cmd 下輸入 npm -g express指令進行下載下傳，該指令會将express下載下傳系統盤符的使用者下的node_modules檔案夾下。
2.将express使用安裝器裝載起來用于建立新網站環境，目的是使用 express 指令。在cmd下輸入 npm -g express-generator 指令，如下圖表示指令執行成功：
3.檢查安裝，在cmd指令下輸入 express -v 指令顯示如下，表明安裝成功。
（3）通過npm安裝gulp
在cmd下輸入npm install gulp -g 指令（全局安裝）進行安裝即可
項目建構
1.項目結構如下圖：
說明：
1.app目錄：該目錄主要是用來存放前端的檔案，其中view存放時模闆檔案，該檔案是以ejs為字尾的檔案（express的模闆引擎使用的是ejs）。
2.server目錄：該目錄主要用于存放伺服器的配置檔案，該目錄下的所有目錄及檔案需要使用指令進行生成。方法：在cmd指令下進入到es6項目的server目錄，使用 express -e .命名進行建立express，注意指令中的“.”表示目前目錄。如下圖：
接着輸入 npm install 指令安裝npm，在server下生成package.json檔案，如下圖：
3.tasks目錄：該目錄用于儲存自動化配置腳本檔案，手動建立就行。
4.根目錄下建立package.json檔案（用于項目安裝npm依賴包的配置），可以手動建立也可用使用指令建立。此處使用 npm init 指令建立，一路回車确認就行，最後一步輸入 y 如下圖：
根目錄下建立babel編譯的配置檔案 ， .babelrc 檔案，再建立gulp配置檔案，gulpfile.babel.js檔案（使用es6編寫腳本）。