Use Babel as Watcher in PhpStorm

First, we need to install babel-cli globally

Open terminal and say

npm install -g @babel/core @babel/cli

Then, you will need a preset that babel will follow

for now, we will use preset-env:

npm install -g @babel/preset-env

We will check if / where preset-env is installed

which @babel/preset-env

It may return nothing, but in my OS X, the location was:

/usr/local/lib/node_modules/@babel/preset-env

Make sure that in Program you may have

/usr/local/lib/node_modules/@babel/cli/bin/babel.js

Then in Arguments

$FilePathRelativeToProjectRoot$ --no-babelrc --out-dir dist --source-maps --presets "/usr/local/lib/node_modules/@babel/preset-env"
{"type":"main_options","images_arr":"'#ffffff'","enable_ajax":"off","soundcloud_apikey":"","bg_isparallax":"off","bg_slideshow_time":"0","bg_transition":"slidedown","site_url":"https:\/\/digitalzoomstudio.net","theme_url":"https:\/\/digitalzoomstudio.net\/wp-content\/themes\/qucreative\/","blur_ammount":"26","width_column":"50","width_section_bg":"","width_gap":"30","border_width":"0","border_color":"#ffffff","translate_cancel_comment":"Cancel reply","translate_leave_a_comment":"Leave a comment","translate_leave_a_comment_to":"Leave a comment to","is_customize_preview":"off","width_blur_margin":"30","gallery_w_thumbs_autoplay_videos":"off","content_enviroment_opacity":"30","menu_enviroment_opacity":"70","base_url":"https:\/\/digitalzoomstudio.net"}
{"type":"darkfull"}