资讯专栏INFORMATION COLUMN

前端的开发工具之实时无刷新自动加载页面

DevYK / 1652人阅读

摘要:和等通用代码编辑器不一样,是专门针对前端开发而生安装好软件之后打开需要调试的文件点击如下图所示的按钮就可以实现无刷新自动加载页面了

WebStorm10.0.3 live Edit与Google浏览器实时无刷新自动加载页面

Webstorm中的配置

点击: File->Settings->Build,Execution,Deployment->Debugger->Live Edit

在Google浏览器中安装JetBrains IDE Support扩展程序.

在WebStorm中, 右击选中你要在浏览器中实时刷新的页面, 选择"Debug "index.html""菜单, 到这里所有的设置步骤就完成了, 现在修改html文件代码, 谷歌浏览器就已经同步看到更新了.
注意: 浏览器上面的黄色背景提示一定不能关闭!

使用Brackets编辑器

Brackets 是一个免费、开源且跨平台的 HTML/CSS/JavaScript 前端 WEB 集成开发环境 (IDE工具)。该项目由 Adobe 创建和维护,根据MIT许可证发布,支持 Windows、Linux 以及 OS X 平台。

Brackets 的特点是简约、优雅、快捷!它没有很多的视图或者面板,也没太多花哨的功能,它的核心目标是减少在开发过程中那些效率低下的重复性工作,例如浏览器刷新,修改元素的样式,搜索功能等等。和 Sublime Text、Everedit 等通用代码编辑器不一样,Brackets 是专门针对 WEB 前端开发而生……

安装好软件之后, 打开需要调试的html文件, 点击如下图所示的按钮就可以实现无刷新自动加载页面了.

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/112980.html

相关文章

  • 前端开发工具实时刷新自动加载页面

    摘要:和等通用代码编辑器不一样,是专门针对前端开发而生安装好软件之后打开需要调试的文件点击如下图所示的按钮就可以实现无刷新自动加载页面了 WebStorm10.0.3 live Edit与Google浏览器实时无刷新自动加载页面 Webstorm中的配置 点击: File->Settings->Build,Execution,Deployment->Debugger->Live Edit ...

    wuyangnju 评论0 收藏0
  • 前端开发工具实时刷新自动加载页面

    摘要:和等通用代码编辑器不一样,是专门针对前端开发而生安装好软件之后打开需要调试的文件点击如下图所示的按钮就可以实现无刷新自动加载页面了 WebStorm10.0.3 live Edit与Google浏览器实时无刷新自动加载页面 Webstorm中的配置 点击: File->Settings->Build,Execution,Deployment->Debugger->Live Edit ...

    wing324 评论0 收藏0
  • 收集整理适用博客建站免费开源Wordpress主题-简约好看WP主题

    摘要:最重要的就是找一个适合自己的主题了。事实上,免费主题也非常多,而且很多的免费主题在功能上和界面美观上已经大大超过了付费的主题。加上这些主题都是开源的,基本上可以在上找得到源码,安全性是没有问题,主题的作者也在不断更新当中。WordPress最重要的就是找一个适合自己的主题了。好一点的WordPress主题基本上都是要收费的,而且价格还不便宜,这导致了不少的新手朋友们很为难。而有时我们仅仅根据...

    番茄西红柿 评论0 收藏2637
  • 前端常用插件、工具类库汇总

    摘要:页面调试腾讯开发维护的代码调试发布,错误监控上报,用户问题定位。同样是由腾讯开发维护的代码调试工具,是针对移动端的调试工具。前端业务代码工具库。动画库动画库,也是目前通用的动画库。 本人微信公众号:前端修炼之路,欢迎关注 本篇文章整理自己使用过的和看到过的一些插件和工具,方便日后自己查找和使用。 另外,感谢白小明,文中很多的工具来源于此。 弹出框 layer:http://layer....

    GitCafe 评论0 收藏0
  • ajax基础知识

    摘要:各浏览器都有自己的关于最大长度的限制谷歌火狐超过限制长度的部分,浏览器会自动截取掉,导致传递给服务器的数据缺失。 AJAX基础知识及核心原理解读 AJAX基础知识 什么是AJAX?async javascript and xml,异步的JS和XML xml:可扩展的标记语言 作用是用来存储数据的(通过自己扩展的标记名称清晰的展示出数据结构)ajax之所以称为异步的js和xml,主要原因...

    wangshijun 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<