學習ES6的前置知識：
1、熟練掌握ES5的知識：因為ES6只是ES5的升級，所以你必須對ES5的基本語法達到熟練的程度，如果你還不了解ES5的基本語法，還是腳踏實地地從頭開始
2、了解ES6：聽說並在工作學習中見過ES6，並了解ES6的用途
為什么要搭建ES6開發環境？
為什么不像ES5那樣直接寫完就完事了，因為許多低版本瀏覽器並不支持ES6語法，大部分還是支持ES5語法，所以要搭建ES6開發環境，然后放在生產環境中，就是已經做好了上線。
1、首先創建項目工程目錄
2、然后新建2個文件夾，一個是src文件夾 ，一個是dist文件夾
src:書寫ES6的文件夾
dist:利用babel編譯成的ES5代碼的文件夾
3、新建一個index.html文件，需要在頁面引入dist下的index.js文件
4、輸入npm init -y,生成一個package.json文件
5、輸入npm install -g babel-cli，全局安裝babel-cli命令行，出現下圖提示，安裝成功
6、然后安裝ES5打包工具，輸入npm install --save-dev babel-preset-es2015 babel-cli命令，然后重新打開package.json文件，出現如下兩行說明安裝成功。
7、在根目錄下創建.babelrc文件，輸入json格式的對象
8、輸入babel src/index.js -o dist/index.js即可將ES6語法轉換為ES5語法，打開dist文件夾下的index.js文件查看，已經轉化成功
9、為了避免每次都要輸入babel src/index.js -o dist/index.js命令，可以將其放在package.json文件下，scripts就是放命令的地方，可以將其修改為如下命令
10、輸入npm run build命令即可轉換成功