So verwenden Sie js in PHPstorm-phpstorm-php.cn

So verwenden Sie js in PHPstorm

爱喝马黛茶的安东尼

Freigeben： 2019-08-19 09:31:48

Original

4774 Leute haben es durchsucht

1. PHPStorm-Debugging von Javascript

Erstellen Sie test.html in PHPStorm

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Test page</title>
    <script>
       var test;
       var test2;
       console.log("hello world!");
       console.log("hello world3!");
    </script>
</head>
<body>
<p>Test</p>
</body>
</html>

Nach dem Login kopieren

Rechtsklick in der Datei test.html.

Verwandte Empfehlungen: „PhpStorm-Nutzungsanleitung“

So verwenden Sie js in PHPstorm

Wählen Sie Debug 'test.html'.

Dies Der Chrome-Browser fordert Sie auf, die JetBrain-IDE-Unterstützung zu installieren. Wählen Sie einfach die Installation.

Auf diese Weise können Sie js in PHPStorm anpassen.

Drücken Sie wie unten gezeigt F8 in PHPstorm, um den nächsten Schritt auszuführen.

So verwenden Sie js in PHPstorm

2. PHPStorm passt PHP und JS gleichzeitig an

PHP-Datei erstellen

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Test page</title>
    <script src="tt.js" ></script>
</head>
<body>
<p>Test</p>
<a onclick="testClick()">test click</a>
<?php
echo  &#39;<br>&#39;;
echo &#39;This is php code&#39;;
echo &#39;This is php code2&#39;;
?>
</body>
</html>

Nach dem Login kopieren

wobei tt Konfigurieren Sie die js-Datei

var test;
var test2;
console.log("hello world!");
console.log("hello world3!");
 
function testClick(){
    console.log("test1");
    console.log("test2");
}

Nach dem Login kopieren

in PHPStorm wie folgt:

So verwenden Sie js in PHPstorm

Haltepunkte festlegen und mit dem Debuggen beginnen.

Das obige ist der detaillierte Inhalt vonSo verwenden Sie js in PHPstorm. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!