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

【问题标题】：How to install and use Babel and watchers in PhpStorm on Windows?如何在 Windows 上的 PhpStorm 中安装和使用 Babel 和 watchers？
【发布时间】：2016-11-23 23:55:18
【问题描述】：

我已经从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 给了我一个错误：

执行观察者“Babel”时发生异常。观察者已被禁用。修理它。：无法运行程序“D:!work!WEBServers\OpenServer\domains\dev.test.ru\node_modules\.bin\babel”（在目录“D:!work!WEBServers\OpenServer\domains\dev.test.ru\src "): CreateProcess 错误=193，%1 不是有效的 win32 应用程序

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

【问题讨论】：

你在 Windows 上.. 所以试试babel.cmd 而不是babel （后者适用于 Linux/Mac）。
“我还在 PhpStorm 中安装了nodejs 插件” AFAIK 默认与最新的 2016.2 版本捆绑在一起，因此无需安装。
@LazyOne 不了解 phpstrom2016 中的 nodejs，但您对 babel.cmd 而不是 babel 是正确的。就这么简单。谢谢。

标签： javascript node.js phpstorm webstorm babeljs

【解决方案1】：

正如comments 中的@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

【讨论】：