[Gelöst] Problem mit der JavaScript-Konsole in PhpStorm

  

3
Themenstarter

Hallo, ich kann meine PhpStorm IDE nicht so einrichten, dass sie mit Java-Skriptdateien in einer Konsole funktioniert. Ich weiß nicht, warum es NICHT angezeigt wird! Vielleicht, weil es PhpStorm ist, nicht WebStorm, die ich vermute, hat kein Problem mit der Konsole und die js-Dateien...

Immer wenn ich versuche, die JavaScript-Datei im Projekt zu debuggen, gibt es NUR eine Option - sie im Webbrowser zu sehen und die HTML-Datei zu debuggen - nicht die js-Datei selbst!

1 Antwort
2

Ich hatte das gleiche Problem mit php storm. Hier ist, wie ich es gelöst:

1. Zunächst müssen Sie NodeJS installieren, um mit js-Dateien im PHP-Sturm richtig arbeiten zu können; laden Sie es von hier herunter und installieren Sie es auf Ihrem PC: https://nodejs.org/en/

2) (OPTIONAL) Sie müssen die Node-Js-Version in cmd überprüfen, indem Sie Folgendes eingeben Knoten -v wird Ihnen die Testversion von NODE JS angezeigt

3. Konfigurieren Sie die PHP-Storm-IDE so, dass sie mit NodeJS richtig funktioniert:

  • Erstellen Sie eine neue JavaScript-Datei, in die Sie Ihren Code schreiben (um ihn zu testen)
  • Wenn Sie mit dem Schreiben unseres Codes beginnen, können Sie sehen, dass die "let"-Anweisung als fehlerhaft markiert ist - dies liegt daran, dass Sie die Sprachebene unseres Projekts nicht auf EcmaScript 6 eingestellt haben (EcmaScript 6 ist der Grund, warum Sie NODE JS (und nicht nur) für phpstrom benötigen)
  • Richten Sie die Standardeinstellungen für PHPbstorm ein, so dass alle Projekte standardmäßig mit diesen Einstellungen starten. Gehen Sie zu >> Standardeinstellungen >> Sprachen & Frameworks >> JavaScript und wählen Sie die JavaScript-Sprachversion zu ECMAScript 6 >> Wählen Sie den Modus Strict bevorzugen (SIEHEN SIE DAS GELBE BILD!)
  • Einrichten der node js-Konsole für die Arbeit mit php-Sturm- und javascript-Dateien
  • Möglicherweise müssen Sie diesen Vorgang auch für die aktuellen Einstellungen wiederholen
  • Wenn Sie unseren Code lokal mit Node (der Konsole, über die wir sprechen) testen möchten, müssen Sie eine zusätzliche Zeile hinzufügen, um das gerade geschriebene function mit einigen Beispieleingaben aufzurufen, und dann Ausführen aus dem Rechtsklickmenü wählen.

4. Schauen Sie sich das folgende Video an, um zu sehen, wie es gemacht wird. Es ist in einer Fremdsprache - aber Sie können es stummschalten und nur die ersten 70-80 Sekunden ansehen:

Teilen: