WebStorm(30天免费试用)

WebStorm是由软件公司JetBrains所开发的一个JavaScript集成开发环境，拥有强大的功能，可以帮助网站开发人员进行方便快捷的工作。智能补全代码，输入前几个字符即可推荐候选关键词；智能代码块，输入某些拥有代码块的关键词的前几个字符时就会自动生成代码块，只需要输入参数名和内容即可。是Web前端开发的一个强力工具。

WebStorm安装步骤

1、在本站下载最新安装包，按提示安装

2、安装进行中，完成即可使用

WebStorm软件优势

对工作结果满怀信心

IDE 会在您输入时运行数十个代码检查并检测潜在的问题，助您编写更可靠和更易于维护的代码。只需点击几次即可重构您的整个代码库，且在实现较大的结构变更时不会遗漏任何内容。

享受高效的编码

得益于 JavaScript 开发所需的全部功能开箱即用，您可以直接开始编码。WebStorm 会为您处理一切常规工作，让您更高效并专注于更具创造性的任务。

减轻处理复杂任务的压力

担心使用 Git 时出现混乱并丢失重要变更或者跨整个项目重命名组件时会中断一些内容WebStorm 将简化这些和其他具有挑战性的任务，以便您专注于大局。

WebStorm软件特色

1、智能的代码补全

支持不同浏览器的提示，还包括所有用户自定义的函数。

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

2、代码格式化

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

3、html提示

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

4、联想查询

只需要按着Ctrl键点击函数或者变量等，就能直接跳转到定义;可以全代码导航和用法查询项目查找函数或者变量，还可以查找使用并高亮。

5、代码重构

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

6、代码检查和快速修复

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

7、代码调试

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

8、代码结构浏览

可以快速浏览和定位

9、代码折叠

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

10、包裹或者去掉外围代码

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

常用快捷键

1、Tab：自动补全

2、复制当前行：Ctrl+D

3、删除当前行：Ctrl+Y

4、注释或者取消当前注释：Ctrl+/

5、注释或者取消多行注释：Ctrl+Shift+/

6、同时编辑：Alt

按住Alt键，选中多个，可以同时进行编辑

7、包含关系： >

注意：必须具有包含关系才能用>操作