一款超级好用的前端开发工具-webstorm for mac下载

  • A+
所属分类:MAC开发工具

WebStorm是jetbrains公司旗下一款商业的JavaScript 开发工具。被JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。
一款超级好用的前端开发工具-webstorm for mac下载

浏览器支持细节提示

关键字,标签,变量,参数和功能的javascript代码完成是基于支持DOM的流行的浏览器(IE,火狐等)标准,可以显示在不同浏览器之下的支持细节。

智能的代码导航和搜索提示

一款超级好用的前端开发工具-webstorm for mac下载

ECMAScript的Harmony支持

WebStorm支持最新的ECMAScript版本,你可以尝试新的功能,每个javascript引擎的实现增加了别人所不具备的一些不错的功能,当您使用的目前选定的javascript版本不支持,WebStorm将通知您,并建议速战速决:

支持CoffeeScript

CoffeeScript是一种编程语言,编译javascript和增强其简洁性和可读性,同时还增加了一些复杂的功能,像阵列的理解和模式匹配。WebStorm提供您:
代码导航和完成
重命名重构
语法高亮
错误检查
查找使用实例

支持Node.js

WebStorm允许你调试和验证您的服务器端javascript - Node.js的应用。

编辑CommonJS的模块结构,并提出适当的自动完成选项:

javascript的重构

为javascript提供的重构功能,让您可以轻松地修改代码结构,以及撤消修改。
移动/复制
安全删除
提取到嵌入的脚本文件
重命名
提取变量/函数
内联变量/函数
javascript单元测试
如果你是一个javascript开发人员,你可能知道,您的应用程序的质量和正确性是至关重要的。那么,一致性测试和回归测试正好是你的痛苦少一点。支持JsTestDriver插件。

WebStorm为单元测试提供了一个清晰的画面。从现在开始,JsTestDriver用户可以测量代码覆盖率。
在IDE线行使你的单元测试:

你还可以看到文件和目录在项目视图的测试覆盖率统计:

代码检查和快速修复

为了确保更好的代码质量,WebStorm可以捕捉动态的javascript代码中的常见错误…

…,并为他们提供了快速修复。

支持JSLint / JSHint

javascript代码质量工具集成在IDE中。

基于Mozilla Firefox的javascript调试器
HTML和javascript断点
定制断点属性:暂停模式,条件,通过计数
帧,变量和javascript调试器
javascript表达式的运行评价

批量代码分析

无需通过点击所有文件或部署到服务器。整个源代码树的启动代码分析,可以在一个单一的视图中看到所有的结果。

语言混合编辑

支持任何代码中的“外部”和“内部”的语言 - 享受以外的javascript代码块,或在javascript字符串文字编码的CSS,HTML,SQL等。

拼写检查

集成拼写检查验证在标签的文本,代码串,评论,以避免您的网页上的拼写错误和错别字。以确保代码的可读性更好,甚至变量名,CSS类和ID拼写检查。

智能重复代码检测

支持HTML5

WebStorm也明白你的代码和每个元素的类型,并显示新的HTML5元素支持的方法:

只需按Ctrl +空格,WebStorm会显示所有可能的自动完成选项。

验证和快速修复

WebStorm可以修复检测下列问题,并给你更合理的建议建议:
无效的CSS选择器的格式
无效的CSS属性
未使用的CSS类定义
无效的本地锚和更多…
缺少必需的属性
无效的属性或非法值
错误的引用文件中的链接
重复的属性

每当你看到一个灯泡,打ALT +回车,看看WebStorm有什么建议:

支持Zen Coding

WebStorm内置了zen coding,可以使你编写代码更有效率。输入div.feature> H4 + P, 按 Tab ,你会得到

显示内容

鼠标移到HTML中的CSS选择器,可以立即显示这个选择器的实际的样式;引用调用一个图像文件的时,你会看到图片预览。

应用样式

此命令将打开的标签应用到通过CSS样式的树视图里的样式。

HTML5的样板和其他Web应用程序模板

当你创建一个新项目的时候,WebStorm提供一些知名的项目模板,根据自己的需要使用:

文件下载 一款超级好用的前端开发工具-webstorm for mac下载 Mac 10.12+ 303.86 MB
下载地址

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: