WebStorm+Chrome开启Live Edit
使用WebStorm做前端开发,Chrome+jb插件进行调试,可以实现Live Edit,所见即所得,极大的加快开发效率
工具下载:
步骤
Chrome 配置jb插件
安装完成后,桌面上有Chrome的快捷方式双击该快捷方式,启动Chrome,选择...->更多工具->扩展程序,勾选开发者模式,关闭浏览器
重新启动Chrome,选择...->更多工具->扩展程序,将当前文件夹内的jetbrains_ide_support_2_0_7_.crx 拖动到Chrome窗口中即可
WebStorm配置
新建一个空的项目,并创建html文件选择File Settings->输入 Live Edit->选择Build,Execution,Deployment>Debugger>Live Edit
在该页面内勾选全部选项,并调整页面刷新时间,OK
编辑debugger选项,新建一个JavaScript Debug,Name随意,点击url后面的...按钮,选择要debug的html文件,
如需调试js代码,请勾选Ensure breakpoints are detected when loading scripts选项,OK
点击Debug按钮或者在html编辑框内右键,debug该页面即可