一、ES6項目構建
ES6不能直接在瀏覽器運行。
1、項目目錄創建
編譯：把ES6編譯爲ES5，甚至ES3（IE6-8）。
（1）前端代碼app
服務器代碼是通過node.js的express框架實現，所以模板中的文件以.ejs爲後綴，可以先當作.html使用。
（2）服務器代碼server
使用express腳手架前先安裝node，node -V，npm -V檢查是否安裝成功。
npm install -g express，npm install -g express-generator安裝express，express -V檢查是否安裝成功。
生成服務器目錄和文件：在server目錄下輸入“express -e .”，express是腳手架的命令，-e使用ejs模板引擎，.表示在當前目錄執行。
（3）構建工具
創建許多任務的ds，如文件的合併、腳本的編譯、模板的自動更新等。有一個需要處理命令行參數，util放置常見的腳本。
（4）根目錄下的文件
package.json：項目安裝依賴包（npm install）時使用。可手動或自動創建（npm init）。
.babelrc：設置babel編譯工具的配置文件。babel編譯時自動查找該文件，找不到則無法讀到配置。type nul>.babelrc
gulpfile.babel.js：gulp配置文件。因爲使用了ES6的語法，所以該文件名中多了.babel。
2、任務自動化（gulp）
減少人工操作，讓機器監聽所有操作，自動響應。
gulp提供很多插件，完成各項任務task。https://www.gulpjs.com.cn/
3、編譯工具（babel、webpack）
babel：JavaScript編譯器