首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在Windows上安装和使用PhpStorm中的Babel和watchers?

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

Stack Overflow用户
提问于 2016-07-20 16:54:21
回答 1查看 3.8K关注 0票数 3

我从https://nodejs.org/en/下载了nodejs (V6.3.0Current)并安装了它。

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

在“我的设置”、“→语言与框架”、“→”、“→”和“NPM”中,我可以看到它的设置

在PhpStorm终端,我输入命令:

代码语言:javascript
复制
npm install --save-dev babel

我在我的项目中看到了node_modulesbabel.js

我还在设置→语言和框架→包中看到了它

现在,我将Npm包路径从C:\Program Files\nodejs\node_modules\npm更改为myProjectDir/node_modules (在我的例子中是D:\!work\!WEBServers\OpenServer\domains\dev.test.ru\node_modules)。我不知道为什么。我需要那样做吗?

我正在用代码创建js文件:

代码语言:javascript
复制
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 error=193中,%1不是有效的win32应用程序)

我做错了什么?如何安装节点、babel和其他扩展(gulp、grunt等)并启用监视程序?我应该做什么设置?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-07-21 05:46:38

正如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是:

代码语言:javascript
复制
--presets es2015 $FileDir$ -d $FileParentDir$/out
票数 4
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/38486453

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档