WebStorm

ゝ一纸荒年。 2021-09-19 10:16 422阅读 0赞

WebStorm 是[jetbrains][]公司旗下一款JavaScript 开发工具。被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与[IntelliJ IDEA][]同源，继承了[IntelliJ IDEA][]强大的JS部分的功能。

## 1功能[编辑][Link 1] ##

**JavaScript**

· 基于DOM，特定浏览器完成

· 编码导航和用法查询

· 支持 [ECMAScript][]

· 支持CoffeeScript

· 支持结点

· JavaScript重构

· JavaScript单元测试

· 代码检测和快速修复

· JSLint/JSHint

· 基于 Mozilla的JavaScript调试器

**其他用途**

· 批量代码分析

· 编码语言混合或内混

· 拼写检查器

· 重复代码检测器

**编辑语言**

· 支持 [HTML5][]

· css/js

· 检验和快速修复

· Zen编码

· 显示内容

· 显示应用的风格

**便捷的环境**

· HTML5样本文件和其他Web应用程序模板

· FTP和远程文件同步

· 集成了版本控制系统

· 本地记录

## 2优势功能[编辑][Link 1] ##

**智能的代码补全**

支持不同浏览器的提示，还包括所有用户自定义的函数(项目中)

代码补全包含了所有流行的库，比如：JQuery, YUI, Dojo, Prototype, Mootools and Bindows。

**代码格式化**

代码不仅可以格式化，而且所有规则都可以自己来定义

**html提示**

大家经常在js代码中编写html代码，一般来说十分痛苦，不过有了智能提示，就爽多了。而且html里面还能有js提示。

**联想查询**

只需要按着Ctrl键点击函数或者变量等，就能直接跳转到定义；可以全

![代码导航和用法查询][95eef01f3a292df52ec450bbbc315c6034a8731d.jpg]

代码导航和用法查询 (8张)

项目查找函数或者变量，还可以查找使用并高亮。

**代码重构**

这个操作有些像Resharper，熟悉Resharper的用户应该上手很快，支持的有重命名、提取变量/函数、内联变量/函数、移动/复制、安全删除等等。

**代码检查和快速修复**

可以快速找到代码中的错误或者需要优化的地方，并给出修改意见，快速修复。

**代码调试**

支持代码调试，界面和IDEA相似，非常方便。

**代码结构浏览**

可以快速浏览和定位

**代码折叠**

功能虽小，不过胜在方便高效

**包裹或者去掉外围代码**

自动提示包裹或者去掉外围代码，一键搞定

## 3版本[编辑][Link 1] ##

### 过往版本 ###

版本编号：WebStorm 7 Released

提供了开发web应用的HTML5样板。开发者可以在创建HTML文档时获得对HTML5文件的支持，例如开发者键入。开发者还可以在chrome浏览器中实时预览HTML文档。此外还可以检验和快速修复，Zen编码，以及显示内容、显示应用的风格等HTML5特性。

### 最新版本 ###

版本编号：WebStorm 8.0

![WebStorm 8.0新增功能][WebStorm 8.0]

WebStorm 8.0新增功能 (7张)

——支持AngularJS

对流行框架提供高级支持。智能提示AngularJS指令（包括自定义指令），controller 和 application names以及花括号里边的数据绑定。

——支持Spy-js

JavaScript追踪变得简单。通过Spy-js你可以看到触发代码执行的事件的完整列表，然后帮你整理堆栈跟踪事件，并在源代码中突出显示。

——支持多个插入符和选择

现在WebStorm允许你把插入符放到多个位置，在这些位置你可以同时编辑代码，轻松地完成编辑和更换。

——内置Grunt控制台

通过Grunt控制台可以列出并定义grunt任务的完整列表， 双击可执行。

——集成Bower

集成Bower包管理器后，你可以更简单方便的在IDE中搜索、安装和管理客户端库和框架。

——JavaScript模块化

完善了对RequireJS和AMD的支持程度，基于requirejs.config实现了源码导航功能。并改善了对Harmony module loader的支持。

——Live控制台

在控制台中的JavaScript和Node.js的调试工具窗口现在可以作为一个shell提示符，并允许您执行命令和JavaScript代码。

——新增CucumberJS支持

WebStorm现在了解CucumberJS的语法，可以帮助您生成代码步骤定义。您可以在一个单一的点击开始测试，看到一个不错的结构化格式的测试结果，并轻松导航到测试源。

一如既往，以上涉及的所有改进也适用于 [IntelliJ IDEA][]、 [PhpStorm][]、 [RubyMine][]、 [PyCharm][]和 [AppCode][]。

本文转自茄子\_2008博客园博客，原文链接：http://www.cnblogs.com/xd502djj/p/4551950.html，如需转载请自行联系原作者。

[jetbrains]: http://baike.baidu.com/view/1980886.htm
[IntelliJ IDEA]: http://baike.baidu.com/view/2735945.htm
[Link 1]: http://baike.baidu.com/link?url=OVSx4vtRSyY5Ry7Lf0GV296bHjkQ0ccTG9tBremSMOznTxb82PBb9jvqSzWhTJtJNr_VlER7ntJ_ERCPqYjuNq
[ECMAScript]: http://baike.baidu.com/view/810176.htm
[HTML5]: http://baike.baidu.com/view/951383.htm
[95eef01f3a292df52ec450bbbc315c6034a8731d.jpg]: /images/20210726/dd9eb2469b3048119f4ce06e3532cbc1.png
[WebStorm 8.0]: /images/20210726/30f28acae059446cac92f96cb9fb265f.png
[PhpStorm]: http://baike.baidu.com/view/8910091.htm
[RubyMine]: http://baike.baidu.com/view/8903997.htm
[PyCharm]: http://baike.baidu.com/view/8263182.htm
[AppCode]: http://baike.baidu.com/view/9202212.htm