node環境下配置ES6在WebStorm中的執行環境

 

 最近須要學習ES6，我使用的編輯器是Webstorm，看過簡單的教程後，試着寫簡單的例子，以下：

1 function printList(...list){
2     list.forEach(function(item){
3         console.log(item);
4     });
5 }
6 
7 printList(1, 2, 4, '1');

 

可是編譯以後就報錯了，想也許是本身的代碼有問題，而後寫了一個最簡單的let賦值語句，以下：

let a = 1;

 

編譯以後依舊報錯，遂明白是編譯器可能不支持ES6，因而上網查找方法，可是大多數基本是修改webstorm中ES6語句被標紅的解決方案(Webstorm --> Preferences --> Language & Frameworks --> JavaScript, 將javascript language version改成ECMAScript 6便可)。通過一番努力，也查找出了緣由，個人編譯器默認使用node來進行編譯，而node支持ES6在編譯執行的時候要進行參數設置，在前面的編譯中並沒用設置這些參數因此執行報錯了，只須要在webstorm中進行編譯的時候加入參數便可。點擊RUN  --> Edit Configurations進入以下頁面，添加上紅色部分便可：