如何在 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 给我一个错误：

An exception occurred while executing watcher 'Babel'. Watcher has been disabled. Fix it.: Cannot run program "D:!work!WEBServers\OpenServer\domains\dev.test.ru\node_modules\.bin\babel" (in directory "D:!work!WEBServers\OpenServer\domains\dev.test.ru\src"): CreateProcess error=193, %1 is not a valid win32 application

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

Answer 1

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

我试过了，成功了。

就这么简单>_<

所以，我的设置是：

程序 - 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

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

How to install and use Babel and watchers in PhpStorm on Windows?

javascript

node.js

phpstorm

webstorm

babeljs