WebStorm+Chrome开启Live Edit
作者:
wkylin | 来源:发表于
2019-08-17 15:56 被阅读0次
- 工具下载
a. WebStorm
b. JetBrains IDE Support
c. Chrome
- 设置
a.新建一个空的项目,并创建html文件
b.选择File Settings->输入 Live Edit->选择Build,Execution,Deployment>Debugger>Live Edit
在该页面内勾选全部选项,并调整页面刷新时间,OK
c. 编辑debugger选项,新建一个JavaScript Debug,Name随意,点击url后面的...按钮,选择要debug的html文件,
d. 如需调试js代码,请勾选Ensure breakpoints are detected when loading scripts选项,OK
点击Debug按钮或者在html编辑框内右键,debug该页面即可
本文标题：WebStorm+Chrome开启Live Edit
本文链接：https://www.haomeiwen.com/subject/zuhksctx.html
网友评论