WebStorm2019.3.2

WebStorm 2019.3.2 是 JetBrains 旗下一款面向 JavaScript 开发的集成开发环境，在 JavaScript 和前端领域有着广泛的用户基础。它把代码补全、重构、调试和版本控制等常用功能整合在一起，适合用它来写 Web 前端、Node.js 或跨平台应用。新版在 Vue.js 支持、React 组件导入、Angular 语言服务和 Jest 集成方面都有针对性优化，测试体验也比之前更顺滑。如果你经常跟 JS 打交道，可能用不惯其他编辑器，但这款工具会提供不少顺手的辅助。

开发与编辑上的聪明设计

• 1. 智能代码补全：除了浏览器内置对象和用户自定义函数
• 还能识别 jQuery
• YUI
• Dojo
• Prototype
• Mootools
• Bindows 等流行库的 API
• 提示内容会根据上下文动态变化

2、 格式化规则自由调整：代码整理不光是按默认风格来，缩进、换行、空格等规则都能在设置里逐项修改，满足个人或团队的编码规范

3、 HTML 与 JS 双向提示：在 JS 代码里写 HTML 字符串时会有标签和属性提示，反过来在 HTML 内嵌的脚本区域也能获得 JS 补全，减少来回切换的麻烦

4、 代码折叠与包裹：可以折叠类、方法、注释等代码块、也能一键给选中代码加 if、for、try-catch 或去外层包裹、操作路径很直观

查询、导航与重构操作

1、 联想查询跳转：按住 Ctrl 点击函数或变量，可以直接跳到定义处，也能查看整个项目里的引用位置，并用高亮标出搜索结果

2、 结构化浏览：左侧的 Structure 视图能显示当前文件里的类、函数、变量等元素，点击即可快速定位，适合在长文件里找目标

3、 安全的代码重构：支持重命名、提取变量/函数、内联变量/函数、移动/复制、安全删除等操作、重构前会做依赖分析、降低出错风险

4、 查找与高亮：项目范围查找某个函数或变量时，所有出现位置会统一列出，还能在编辑区用颜色高亮，方便审阅上下文

质量检查、调试与测试

- 实时代码检查：编辑过程中能标出语法错误、潜在 bug 或需要优化的代码段，并给出具体修改建议，多数问题可直接快速修复

- 集成调试器：调试界面和 IDEA 类似，支持断点、单步、变量监视等功能，连接 Node.js 或浏览器调试都很方便

- 测试框架支持：内置 Jest 集成，可以直接在 IDE 里运行测试、查看结果和控制台输出，失败用例的堆栈信息也能直接点击跳转

- 更顺滑的测试体验：测试进度、覆盖情况都展示得更清楚，跑测试时不用切到外部终端，全程留在编辑器里操作

主流前端框架的针对性支持

- Vue.js 文件识别：对 .vue 单文件组件提供模板、脚本、样式三部分的代码感知，组件标签和属性都有补全和校验

- React 组件自动导入：输入组件名或 JSX 标签时，如果还没 import，IDE 会提示补全导入语句，省去手动查找路径的时间

- Angular 语言服务：内置了 Angular 的模板诊断和补全，模板里的结构指令、管道、绑定表达式都能得到准确提示

- 多框架共存：同一项目里如果混用不同框架，代码分析器会按文件类型自动匹配对应规则，不会互相干扰