一.ES6的開發(fā)環(huán)境搭建:
建立工程目錄：
先建立一個項目的工程目錄，并在目錄下邊建立兩個文件夾：src和dist
src：書寫ES6代碼的文件夾傍念，寫的js程序都放在這里婉陷。
dist：利用Babel編譯成的ES5代碼的文件夾，在HTML頁面需要引入的時這里的js文件
編寫index.html：
需要注意的是在引入js文件時，引入的是dist目錄下的文件鹅搪。
初始化項目
在安裝Babel之前，需要用npm init先初始化我們的項目遭铺。打開終端或者通過cmd打開命令行工具丽柿，進入項目目錄，輸入下邊的命令
npm init -y
-y代表全部默認同意魂挂，就不用一次次按回車了甫题。命令執(zhí)行完成后，會在項目根目錄下生產package.json文件
全局安裝Babel-cli
npm install -g babel-cli
雖然已經(jīng)安裝了babel-cli涂召，只是這樣還不能成功進行轉換
本地安裝babel-preset-es2015 和 babel-cli
npminstall--save-devbabel-preset-es2015babel-cli
新建.babelrc
{
"presets":[
"es2015"
],
"plugins":[]
}
現(xiàn)在終端輸入如下命令就能轉換：
babel src/index.js -o dist/index.js
簡化轉化命令：
打開package.json文件坠非，把文件修改成下面的樣子。
修改以后 ? 直接使用npm run build來轉化了
