WebStorm+Chrome开启Live Edit

  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该页面即可
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容