hi,你好!欢迎访问本站!登录
本站由简数采集腾讯云宝塔系统阿里云强势驱动
当前位置:首页 - phpstorm - 正文 请牢记本站网址www.sosophp.cn

phpstorm怎样用js【phpstorm】

2019-11-27phpstorm搜搜PHP网62°c
A+ A-

一、PHPStorm调试Javascript

在PHPStorm中建立test.html

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

在test.html 文件中右键。

相干引荐:《PhpStorm运用教程》

挑选Debug ‘test.html' .

此时Chorme浏览器会提醒装置JetBrain IDE Support。挑选装置即可。

如许就能够在PHPStorm中调式js了。

以下图,在PHPstorm中按F8实行下一步。

二、PHPStorm同时调式php和js

建立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  '<br>';
echo 'This is php code';
echo 'This is php code2';
?>
</body>
</html>

个中tt为js文件

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

在PHPStorm设置以下:

设置好断点后启动调式即可。

以上就是phpstorm怎样用js的细致内容,更多请关注ki4网别的相干文章!

  选择打赏方式
微信赞助

打赏

QQ钱包

打赏

支付宝赞助

打赏

  选择分享方式
  移步手机端
phpstorm怎样用js【phpstorm】

1、打开你手机的二维码扫描APP
2、扫描左则的二维码
3、点击扫描获得的网址
4、可以在手机端阅读此文章
标签: