2016-07-20 28 views
4

Ich habe nodejs (v6.3.0 Current) von https://nodejs.org/en/ heruntergeladen und installiert.Wie installiert man Babel und Watcher in PhpStorm unter Windows?

Ich habe auch nodejs Plugin in PHPStorm installiert.

enter image description here

In meiner Einstellungen → Sprachen & Frameworks → Node.js und NPM ich es

enter image description here

In dem Terminal des PhpStorm Einstellungen sehen kann ich den Befehl bin eingeben:

npm install --save-dev babel 

Ich sehe node_modules mit dem babel.js in meinem Projekt

enter image description here

Auch sehe ich es in den Einstellungen → Sprachen & Frameworks → Node.js → Pakete

Jetzt Npm packgage Weg C:\Program Files\nodejs\node_modules\npm-myProjectDir/node_modules Ich ändere (in mein Fall ist es D:\!work\!WEBServers\OpenServer\domains\dev.test.ru\node_modules). Ich weiß nicht warum ... Muss ich das tun?

Ich erstelle js Datei mit Code:

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

und einen Beobachter

enter image description here

hinzuzufügen versuchen, aber wenn ich versuche, etwas in der Datei zu ändern - PhpStorm gibt mir ein Fehler:

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


Was mache ich falsch? Wie installiere ich node, babel und andere Erweiterungen (gulp, grunt etc) und watchers? Welche Einstellungen sollte ich tun?

+0

Sie sind unter Windows .. so versuchen 'babel.cmd' statt nur' babel' (der später ein ist für Linux/Mac). – LazyOne

+0

* "Ich habe auch' nodejs' Plugin im PHPStorm installiert "* AFAIK ist standardmäßig mit der neuesten 2016.2 Version gebündelt, so dass nichts zu installieren ist. – LazyOne

+0

@LazyOne Ich weiß nichts über nodejs in phpstrom2016, aber Sie hatten recht mit 'babel.cmd' anstatt' babel'. Es ist so einfach. Vielen Dank. –

Antwort

5

Als @LazyOne in comments sagte: versuchen babel.cmd statt nur babel.

Ich habe es versucht und es hat funktioniert.

Es ist so einfach> _ <


Also, meine Einstellungen sind:

Programm - D:!work!WEBServers\OpenServer\domains\dev.test.ru\node_modules\.bin\babel (oder $FileParentDir$\node_modules\.bin\babel.cmd mit Makros)

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

Arbeitsverzeichnis - $FileParentDir$\src

enter image description here


Oder Arguments für watcher auf ganze Ordner aktivieren ist:

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