2016-07-20 3 views
4

https://nodejs.org/en/からnodejs(v6.3.0 Current)をダウンロードしてインストールしました。WindowsでPhpStormでBabelとウォッチャーをインストールして使用するにはどうすればいいですか?

また、PhpStormにnodejsプラグインをインストールしました。

:私のセッティング→言語&フレームワーク→のNode.jsとNPM私はそれがPhpStormのターミナルで

enter image description here

が、私はコマンドを入力していた設定を確認できて

enter image description here

npm install --save-dev babel 

私のプロジェクトでbabel.js

enter image description here

とまた、私は設定→言語&フレームワーク→のNode.jsを→パッケージ

今、私は(中C:\Program Files\nodejs\node_modules\npmからmyProjectDir/node_modulesにNPMのpackgageパスを変更しています、それを参照してください私の場合それはD:\!work\!WEBServers\OpenServer\domains\dev.test.ru\node_modulesです)。なぜ私はそれをする必要がありますか?私は、ファイルに何かを変更しようとしているとき

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

とウォッチャー

enter image description here

を追加しようとしている。しかし - PhpStormができます:

私はコードでjsファイルを作成しています私はエラー:

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


私は間違っていますか?ノード、babel、その他の拡張機能(gulp、gruntなど)をインストールしてウォッチャーを有効にするには?私は何をすべきか?

+0

ので 'babel.cmd'だけではなく、' babel'(後の1を試してみてくださいLinux/Mac用です)。 – LazyOne

+0

* "PhpStormに' nodejs'プラグインもインストールしました。 "* AFAIKは、デフォルトで最新の2016.2バージョンがバンドルされているため、何もインストールされません。 – LazyOne

+0

@LazyOne phpstrom2016のnodejについて知りませんが、あなたは 'babel'の' babel.cmd' indesteadについて正しいものでした。それはとても簡単です。ありがとう。 –

答えて

5

@LazyOneをcommentsとした場合、の代わりにbabel.cmdとお試しください。

私はそれを試して、それは働いた。

それとてもシンプルな> _ <


だから、私の設定は次のとおりです。

プログラム - (マクロ付きまたは$FileParentDir$\node_modules\.bin\babel.cmdD:!work!WEBServers\OpenServer\domains\dev.test.ru\node_modules\.bin\babel

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

ワーキングディレクトリ - $FileParentDir$\src

enter image description here


それともArgumentsのための全体のフォルダにwatcherを有効である:..あなたは、Windows上にある

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