受到推崇的, 2024

编辑的选择

评论:WebStorm 5 IDE为Web开发人员提供强大的编辑功能和即时反馈

Как получить бесплатно Intellij Idea Ultimate Edition

Как получить бесплатно Intellij Idea Ultimate Edition
Anonim

关于Web开发的一个优点是进入门槛低。许多教程都可以在线获得,您可以通过任何现代Web浏览器检查其代码,从任何网站了解CSS和HTML。最重要的是,当开始编码时,任何纯文本编辑器 - 甚至记事本 - 都可以完成这项工作。那么,为什么要花费49美元购买JavaScript,HTML和CSS的开发环境WebStorm呢?答案是它可能会让你成为一个更好的开发人员。

WebStorm支持最近的语言,如Sass和Less。

WebStorm令人印象深刻的Live Edit功能是第5版的新功能。使用Live Edit,您可以查看您的页面在您编辑的Google Chrome浏览器中,您在代码中所做的任何更改都立即体现在Chrome中。您无需保存页面,也无需在Chrome中手动刷新它 - 更新过程只是无缝连接,而且设置简单,只需要一个免费的Chrome附加组件。 Live Edit也适用于CSS和JavaScript,供应商JetBrains提供了一个令人印象深刻的视频演示,展示了如何使用该功能快速整合正在运行的JavaScript应用程序。

如果您从编辑器(如Notepad ++或Vim)访问WebStorm ,您很快就会意识到WebStorm不是文本编辑器。当然,它具有自动完成,代码折叠等等的漂亮的文本编辑器组件;但这只是图片的一部分。你不应该弹出一个CSS文件到WebStorm中进行快速编辑并完成它:WebStorm是一个IDE,IDEs可以用于项目。所以WebStorm希望你做的第一件事就是将现有的工作作为一个项目导入。如果您维护一个实时在线网站,那意味着下载您的工作并创建一个离线项目。

[更多阅读:您的新电脑需要这15个免费的优秀程序]

下一个合乎逻辑的步骤是将该项目置于版本控制系统,就像严肃的开发者通常所做的那样WebStorm与几个版本控制系统很好地结合在一起,包括广受欢迎的Git。它的VCS菜单可让您检入修订版本,浏览存储库,创建和应用修补程序等等。

WebStorm也可以帮助您开始新的项目:内置支持Twitter的Bootstrap框架,支持HTML5 Boilerplate,和其他一些框架。当我要求它启动一个基于Bootstrap的新项目时,它问我想要什么版本的Bootstrap,然后它将该框架的官方Git存储库解压缩,并向我提供了一个准备好开始工作的项目上。在之前的版本中,我必须稍等片刻才能浏览项目文件夹,因为WebStorm正在忙于解析它。版本5.0解决了这个问题

WebStorm的设置对话框可以很容易地追踪你想改变的设置

WebStorm的设置对话框由一个庞大的分类树和子分类树组成,其中许多树包含内置树他们自己的。如果不是一个伟大的功能,它会令人困惑:实时搜索。如果您需要改变WebStorm缩进代码的方式,只需键入 indent ,树会缩小以仅包含与缩进代码相关的类别。点击一个类别,其输入将变暗:只有相关设置以全亮显示,因此它会立即弹出。

WebStorm的其他部分同样以键盘为中心。想做点什么,但不知道如何继续?按 Ctrl-Shift-A ,然后开始输入(例如,如果要使用键盘展开折叠,请输入 fold )。 WebStorm将立即搜索您输入的子字符串的所有菜单项和设置,并让您直接从该对话框执行您需要的操作,因此无需通过菜单进行搜索。它甚至会显示相关的键盘快捷键,所以下次你不必使用Ctrl-Shift-A(Ctrl-Numpad- +展开当前的代码折叠)。 Webstorm的自动完成支持也非常出色,直到将CSS颜色名称转换为十六进制数字

WebStorm的Live Editing功能会在您输入时更新浏览器窗口,不需要保存和刷新。

WebStorm解决了许多Web开发人员不知道他们拥有的问题 - 但是一旦您给它一个机会,您可能永远不会回头。它甚至可能让你开始你的第一个认真的项目。个人开发者许可证价格为49美元,此应用程序提供物超所值。

注意: 产品信息页面上的“免费试用”按钮会将软件下载到您的系统中。这篇评论是对2012年6月4.0版评论的更新。

Top