JetBrains WebStorm2019.3.0 最新版

Tags：

WebStorm是一款非常好用的JavaScript 开发工具，软件目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的 HTML5 编辑器”、“最智能的 JavaScript IDE ”等。与 IntelliJ IDEA 同源，继承了 IntelliJ IDEA 强大的 JS 部分的功能。

功能介绍：

1、智能的代码补全

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

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

2、代码格式化

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

3、html提示

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

4、联想查询

只需要按着Ctrl键点击函数或者变量等，就能直接跳转到定义；可以全代码导航和用法查询

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

5、代码重构

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

6、代码检查和快速修复

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

7、代码调试

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

8、代码结构浏览

可以快速浏览和定位

9、代码折叠

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

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

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

安装方法：

1. 配置 Webstorm 安装项

选择 64 位，防止桌面 Webstorm 快捷方式打不开。

配置 Webstorm 安装项

2. 是否导入 Webstorm 配置信息

这里的意思是之前使用过 Webstorm ，并且配置过，Webstorm 配置信息可以起到优化性能的作用，因为它本身是个比较吃内存的东西，文件多了容易卡顿，可以通过在配置文件中得到优化，后面单独介绍优化。

剧透：Webstorm 安装完成后配置信息位置：C:\Users\Administrator\.WebStorm2017.1。

是否导入 Webstorm 配置信息

3. 激活 Webstorm

免费版的试用期是 30 天，30 天之后各种让人不舒服，比如不能保存，每隔30分钟自动关闭程序等等，所以在开始的时候还是激活成功使用永久版本的比较好。

要填的内容：http://idea.imsxm.com/，复制进去即可。

激活 Webstorm

有朋友反映使用该网站激活失败，我又去找了另一种激活方式，实测在 Webstorm 2017.2 版本上是激活成功的。Webstorm2017.2 版本激活文件，密码：fls5

4. 设置 Webstorm 工具的主题和风格

这里暂时写保持默认设置，后面会单独介绍如何折腾一个独一无二的属于个人审美的 Webstorm 工具。

使用体验：

1. 设置开发工具主题/风格

File -> settings -> Editor -> colors&fonts -> scheme name.

跟人觉得 Default Darcula 这两款主题还可以，如果内置主题都不喜欢，可以去 主题下载地址 寻找你中意的主题。

2. 换成自己熟悉编辑器的快键键：如 Eclipse 的快捷键 + 自定义快捷键组合

快捷键设置

3. 取消勾选安全保存时间

这两项取消勾选，否则影响热更新，不能及时将修改的内容反应在浏览器上。

取消勾选安全保存时间

4. 集成 Eslint

集成 Eslint 的前提是你的项目里使用了 Eslint。

集成 Eslint

5. 集成 Git

对 Webstorm 集成 Git 的前提是你已经掌握 Git 的基础使用方法，如果对于 Git 的基本概念不了解的话，可以参阅：廖雪峰 Git 教程。

集成 Git

Webstorm 集成 Git 带来的遍历就是将 Git 的指令用选项的意思表达出来，如果你熟悉 Git 是如何提交代码的，那么在 Webstorm 使用 Git 提交代码应该不是什么难事。

git 提交代码

对于分支的操作在 Webstorm 右下角