WebStorm使用Babel自動轉換ES6代碼爲ES5代碼

一、安裝babel和前置組件

npm install -g babel-cli
npm install -g babel-preset-env
npm install -g babel-preset-es2015

二、配置webstorm

設置中，找到File Watcher。增加一個Babel類型的，正確添加Program值。

三、配置babel

項目目錄下新建一個.babelrc文件。內容：

{
  "presets": [
    "es2015"
  ]
}

四、使用

這時，保存js代碼時，會自動生成一個編譯後的文件。默認聲稱在項目目錄下dist文件夾內。