Maison >outils de développement >phpstorm >Comment utiliser js dans phpstorm

Comment utiliser js dans phpstorm

爱喝马黛茶的安东尼
爱喝马黛茶的安东尼original
2019-08-19 09:31:484835parcourir

Comment utiliser js dans phpstorm

1. PHPStorm débogage Javascript

Créer test.html dans 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>

Clic droit sur le fichier test.html.

Recommandations associées : "Tutoriel d'utilisation de PhpStorm"

Comment utiliser js dans phpstorm

Sélectionnez Debug 'test.html'.

Ceci Le navigateur Chrome vous demandera d'installer le support JetBrain IDE. Choisissez simplement d’installer.

De cette façon, vous pouvez ajuster js dans PHPStorm.

Comme indiqué ci-dessous, appuyez sur F8 dans PHPstorm pour exécuter l'étape suivante.

Comment utiliser js dans phpstorm

2. PHPStorm ajuste php et js en même temps

Créer un fichier php

<!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>

où tt Configurez le fichier js

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

dans PHPStorm comme suit :

Comment utiliser js dans phpstorm

Définissez les points d'arrêt et démarrez le débogage.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn