win10系統，babel折騰了一天才安裝成功，找了網上很多資料，感覺有些亂，所以自己把網上的資料和自己踩的坑整理了一下，僅供大家參考：

1.新建一個專案

1.建立一個新資料夾作為根目錄，如：babeltest 2.在根目錄下新建一個js檔案測試用，如：test.js 3.可以寫入以下一段程式碼做測試用，當然別忘了將預設的Settings > Languages & Frameworks > JavaScript：ECMAScript5.1選成ECMAScript6，不然使用ES6的語法會報錯

'use strict';
// node直接執行ES6程式碼時，如使用了ES6的一些關鍵字，比如let，就需要嚴格模式，否則會報錯
// 這是沒有嚴格模式時候的錯誤提示
// SyntaxError: Block-scoped declarations (let, const, function, class) not yet supported outside strict mode

function* fibs() {// Generator Function
    let a = 0;
    let b = 1;
    while (true) {
        yield a;
        // [a, b] = [b, a + b];
        b = a + b;
        a = b - a;
    }
}
let [first, second, third, fourth, fifth, sixth] = fibs();
console.log(first, second, third, fourth, fifth, sixth);
 

2.在根目錄下建立一個package.json

1.package.json內容如下

{
  "name": "test-project",
  "version": "1.0.0"
}

2.然後開啟IDE的Terminal，安裝babel-cli

npm install --save-dev babel-cli

3.在根目錄下建立一個.babelrc檔案

1..babelrc內容如下：

{
  "presets": [
    "es2015"
  ]
}

2.還是在Terminal，安裝babel的ES6的preset

npm install --save-dev babel-preset-es2015
 

4.新增一個File watcher

1.在Settings > Tools > File Watchers  新增Babel的watcher，記得前面要打對勾選中！ 2.Program的設定為

$ProjectFileDir$\node_modules\.bin\babel

報錯的話寫成下面的試試

$ProjectFileDir$\node_modules\.bin\babel.cmd

現在改變js檔案的話應該就會預設在根目錄底下創建出dist資料夾，轉換好的js檔案就會出現在裡面啦！ 如果報錯的話可以將Arguments裡的dev改成es2015，如下：

$FilePathRelativeToProjectRoot$ --out-dir dist --source-maps --presets es2015
 

應該就可以了~