打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
!!!!!Web前端开发的最佳工具 WebStorm 6.0的live edit功能实现步骤
WebStorm 6.0的live edit功能实现步骤
JetBrains最新发布的WebStorm 6.0确实是Web前端开发的最佳工具,试用了一下,简直爽惨了。破天荒地第一次自费掏腰包买了正版的,才99块(OSChina争取到了中国用户3折)。
微博上有位小兄弟提到每次用WebStorm编写完代码后,要打开浏览器,清理一下缓存,然后才能看到结果,抱怨开发效率有点低。我猜他是习惯用DreamWeaver这种所见即所得的工具。说实话,前端开发用DreamWeaver,跟WebStorm相比,开发效率简直就不是一个档次的。至于这位小兄弟的问题,用WebStorm的“live edit”功能就可以搞定的。
好吧,好人做到底,我把步骤写出来。
1.打开WebStore的设置对话框,找到live edit选项,选中Enable live editing。
2.打开Chrome浏览器,进入Chrome网上商店,搜索JetBrains IDE Suport扩展程序。点击“添加至Chrome“按钮,安装该扩展程序到Chrome。这时候,Chrome浏览器工具栏上就会出现一个JB图标。
3.在WebStorm中新建一个html文件,然后按ALT+F2打开浏览器选择浮动窗,选Chrome,查看正在编辑的网页。
4.切换到WebStorm,修改html/css/JS,然后切换了到Chrome,你会发现chrome那边跟着也变了。如果你觉得效果还不够理想,那就并排打开WebStorm和Chrome,惊呼So Cool去吧。
Over。
摘要: WebStorm 6 正式版发布了,新版本最值得关注的改进包括:支持TypeScript脚本编码使用 source maps 进行调试更方便的使用 JS 库全新的 IDE 外观和黑主题了解更多 WebStorm 6 详情?而且现在国内用户只要99元人民币便 ...
WebStorm 6 正式版发布了,新版本最值得关注的改进包括:
支持 TypeScript 脚本编码
使用 source maps 进行调试
更方便的使用 JS 库
全新的 IDE 外观和黑主题
了解更多 WebStorm 6 详情?
而且现在国内用户只要99元人民币便可购买最新的 WebStorm 6,查看详情
WebStorm 的详细介绍:请点这里
WebStorm 的下载地址:请点这里
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
前端开发工具:助力创造精彩Web体验
4. web前端开发分享
sublime、webstorm、hbuilder 前端IDE选择
前端工程师必备的一些网站
Node.js之绝对选择
使用 VS Code 调试 Node.js 的超简单方法
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服