如何在Windows上的PhpStorm中安装和使用Babel和watchers？

Question

我已经从https://nodejs.org/en/下载了nodejs（v6.3.0 Current）并安装了它。

我还在PhpStorm中安装了nodejs插件。

在我的设置→语言和框架→Node.js和NPM中，我可以看到它的设置

在PhpStorm的终端我输入命令：

npm install --save-dev babel

我在项目中看到node_modules babel.js

我也可以在设置→语言和框架→Node.js→包

中看到它

现在我将Npm行李路径从C:\Program Files\nodejs\node_modules\npm更改为myProjectDir/node_modules（在我的情况下是D:\!work\!WEBServers\OpenServer\domains\dev.test.ru\node_modules）。我不知道为什么......我需要这样做吗？

我正在使用代码创建js文件：

let foo = () => console.log('test');
foo();

并尝试添加观察者

但是当我试图改变文件中的内容时 - PhpStorm给了我一个错误：

  

执行观察者＆＃39; Babel＆＃39;时发生异常。 Watcher已被禁用。修理它。：   无法运行程序＆＃34; D :! work！WEBServers \ OpenServer \ domains \ dev.test.ru \ node_modules \ .bin \ babel＆＃34; （在目录＆＃34; D：！work！WEBServers \ OpenServer \ domains \ dev.test.ru \ src＆＃34;）：   CreateProcess error = 193，％1不是有效的win32应用程序

我做错了什么？如何安装节点，babel和其他扩展（gulp，grunt等）并启用观察者？我应该做什么设置？

Answer 1

正如comments中的@LazyOne所说：尝试babel.cmd而不只是babel。

我试过了它并且有效。

这么简单＆gt; _＆lt;

所以，我的设置是：

计划 - D:!work!WEBServers\OpenServer\domains\dev.test.ru\node_modules\.bin\babel（或带有宏的$FileParentDir$\node_modules\.bin\babel.cmd

参数 - --presets es2015 $FileDir$/test.js --out-file $FileParentDir$/out/test.js

工作目录 - $FileParentDir$\src

或Arguments启用watcher整个文件夹是：

--presets es2015 $FileDir$ -d $FileParentDir$/out