美文网首页
WebStorm+Chrome开启Live Edit

WebStorm+Chrome开启Live Edit

作者: wkylin | 来源:发表于2019-08-17 15:56 被阅读0次
  1. 工具下载
    a. WebStorm
    b. JetBrains IDE Support
    c. Chrome
  2. 设置
    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