在webstorm上利用babel寫ES6的語法

創建一個項目文件夾，例如：es6
而後打開命令行工具，進入es6項目目錄

npm install --save-dev babel-cli

insatll成功後，babel便安裝好了
接下來還要在項目es6目錄創建一個.babelrc的文件，window上能夠使用命令行工具在項目根目錄，輸入type null>.babelrc ，回車便可。這時項目根目錄便有一個.babelrc的文件

接下來安裝env，這是個用來轉換es6代碼的。

npm install babel-preset-env --save-dev

安裝好以後打開.balelrc文件。在裏面敲上以下代碼

{
  "presets": ["env"]
}

接下來設置webStorm，在settings裏面打開Tools。點擊File Watchers。進去以後點擊右邊的+號，在彈出的選項

框裏面選擇babel。而後設置Watchers settings的Program的路徑，通常是node_modules/.bin/.babel.cmd。最

後點擊確認。

點擊Languages設置，選擇javaScript，選擇ECSMScript 6，確認，至此安裝結束。固然這只是讓咱們快速體驗一

下babel和ES6.babel官網還有很是多的配置，能夠本身去更詳細深刻的瞭解。

接下來建立一個index.js的文件，在HTML裏面引入它就能夠了。