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 的下载地址:
请点这里
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请
点击举报。