WebStorm功能

WebStorm是针对JavaScript和相关技术的集成开发环境。

专门针对JavaScript打造

是否在为JavaScript开发中最棘手的部分寻找值得信赖的工具？这正是WebStorm的用武之地。它在由JetBrains开发的开源IntelliJ平台上构建，并包含许多能够提升编码体验和生产力的改进。

开箱即用体验

WebStorm 附带了对 JavaScript、TypeScript、React、React Native、Electron、Vue、Angular、Node.js、HTML、样式表和许多其他技术的开箱即用支持。这对您的意义是什么？您可以直接进行编码，无需考虑安装或维护任何插件。

针对JavaScript的专用环境

无论您是前端开发者还是偶尔处理UI的全栈开发者，WebStorm都可以帮您专注于当前最重要的技术堆栈。您将获得使用JavaScript开发高品质应用程序所需的全部工具。

智能编辑器

WebStorm 深刻理解您的项目结构，并且可以在编写代码的各个方面为您提供帮助。它将自动补全代码、检测错误和冗余并提供修复建议，以及帮助您安全地重构代码。

代码补全

使用会在您输入时显示的相关关键字和符号，加快编码速度。所有建议均为上下文和类型感知建议，并跨语言运行，例如，CSS 的类名可以在您的.js文件中得到补全。对于 JavaScript 和 TypeScript，将借助机器学习算法进行分类。

您可以使用后缀补全、实时模板和 Emmet 进一步提升编码速度。

代码质量分析

WebStorm 使您可以轻松检测代码中的错误和拼写错误。它包含针对所有受支持语言的数百项检查以及拼写和语法检查程序。它还与 Stylelint、ESLint 和其他 linter 集成。WebStorm 会在您输入时对您的代码运行检查，并在编辑器中高亮显示任何问题。

在您输入时，会在编辑器中报告所有错误和警告，并提供许多快速修复选项。

安全重构

让 WebStorm 凭借其优势功能为您提供帮助 – 在整个代码库中安全地重构代码。您可以重命名文件、文件夹和符号，以及提取组件、方法或变量，而不必担心会破坏任何内容 – WebStorm 会告知您任何潜在的问题。

快速文档

想要查找符号的文档？无需离开您的 IDE！只需将鼠标悬停在该符号上或将文本光标放置在该符号上，然后按 F1 即可查看大量相关信息。此外，WebStorm 还可以在调用方法和函数时为您显示参数提示。

内置HTML预览

您可以直接在 WebStorm 中预览静态 HTML 文件。您对 HTML 文件或链接的 CSS 和 JavaScript 文件所做的变更将被保存，预览将自动重新加载供您查看变更。

更多代码编辑增强功能

WebStorm 以提高开发者的生产力为己任而构建，因此还有更多可以帮助您提高编码速度的功能。多重文本光标、行编辑操作和自动代码重新格式化 – 这些只是您可以尝试的众多功能中的几种。

集成开发者工具

WebStorm 中提供了开发者所需的全部基本工具，使您可以最大程度地减少上下文切换。

JavaScript调试

在您编辑代码的位置直接运行和调试客户端与 Node.js 应用程序。放置断点，逐步执行程序，设置监视等 – 在从普通 JavaScript 到 TypeScript 和 Vue 项目的各种不同类型的应用程序中，所有操作都具有统一的体验。

单元测试

使用Jest、Mocha、Karma、Protractor和Cucumber.js编写、运行和调试您的单元测试。在树状图中检查测试结果，并直接导航到测试源代码。 对于 Jest、Karma 和 Mocha，您还可以直接在 WebStorm 中查看代码覆盖率报告。

高级版本控制集成

是否担心在使用 Git 或其他 VCS 进行复杂操作时造成破坏？您可以使用WebStorm的UI来比较分支、检查与合并冲突以及进行更多操作，支持您的日常工作流。您还可以直接从 IDE 管理在 GitHub 上托管的项目。

变更的本地历史

如果您忘记提交对版本控制的变更或意外删除了一系列文件，该怎么办？WebStorm 提供了一种解决方案：内置的本地历史。它可以跟踪对项目文件所做的所有变更，即使您尚未对项目使用版本控制，也可以进行回滚。

内置HTTP客户端

使用 WebStorm 中集成的 HTTP 客户端测试您的 Web 服务。您可以直接在编辑器中创建、编辑和运行 HTTP 请求。

linter支持

将 WebStorm 与热门 linter（如 ESLint、Stylelint 或 TSLint）集成，以直接在 IDE 中查看这些工具报告的警告和错误并进行快速修复。

集成终端

希望对某些任务使用命令行？您可以通过嵌入式终端使用您所选择的Shell，无需离开IDE。

许多其他集成工具

还支持任务运行程序、npm以及许多其他工具。您还可以使用Projector以在服务器上运行IDE，并通过Mac笔记本电脑或平板电脑进行远程编码。

导航和搜索

在使用代码库、项目文件和 IDE 设置时有效节省时间。

自由搜索

不知道从哪里开始？ Search Everywhere 弹出窗口将帮助您在WebStorm中查找几乎所有内容。使用该功能可查找 IDE 操作、文件、类或符号，并在一个地方查看所有匹配条目。

代码探索

WebStorm 可以快速导航到符号声明，并向您显示其在整个项目中的用法。也让您可以轻松查看符号的定义，无需跳转到符号声明，等等。

项目导航

浏览所有项目文件，或者仅在最近的文件或代码修改部分之间跳转 – WebStorm 会记住您所处理的内容并快速返回至该位置。使用选项卡进行导航，或将其关闭并改用快捷键。

搜索文本

使用 WebStorm，您可以在特定文件和整个项目内查找并替换文本字符串。您可以将搜索范围缩小到文件中的选定代码片段，也可以使用各种项目范围和筛选器来缩小搜索范围。

团队协作

借助协作开发功能、高级版本控制集成以及许多其他功能，促进高效的团队合作 – 所有功能均得到优化，能够为团队提供统一的开发体验。

远程协作开发

WebStorm 包含Code With Me，这是一款用于远程协作开发和结对编程的服务。您可以使用该服务与他人共同进行实时编码，并直接从 IDE 与您的队友进行交流。

适用于分布式团队的功能

创建与合并 GitHub Pull Request 以及审查代码 – 所有操作均无需离开 IDE。与 JetBrains Space 集成以从中查看和克隆仓库，并进行代码审查。

项目设置共享

在整个团队中应用一致的代码样式，并使用 IDE 特定的配置、Prettier或EditorConfig共享您的代码样式设置。您还可以与他人共享一些其他项目设置，例如运行配置。

集成问题跟踪器

将WebStorm连接到您的问题跟踪器，并直接从IDE处理分配给您的任务。跟踪您在编辑器中处理某项任务所花费的时间，以了解完成该任务的用时。

可自定义环境

通过UI主题、可自定义的快捷键和插件，按照您的偏好设置一切。

UI自定义

WebStorm 附带了一些预定义主题，但是有多种自定义选项可供选择。您还可以切换许多 UI 元素的可见性并更改其位置，甚至可以切换到 Zen 模式以专注于您的编码工作。

许多按键映射可供选择

为了帮助您保持生产力，WebStorm 几乎为每项操作都提供了快捷键。您可以使用预定义的键盘布局，也可以创建自己的键盘布局。您还可以为包括 Vim、VS Code 和 Sublime Text 在内的其他编辑器安装按键映射。

插件市场

扩展 IDE 的核心功能，以及在现有功能的基础上添加更多自定义选项。

数据库工具和SQL支持

想在 WebStorm 内部使用数据库工具和SQL？ 尽管未提供开箱即用的支持，但有多种添加支持的方法。

可访问性

WebStorm 具有能够适应各种需求的多种无障碍功能。您可以为不同的 UI 元素配置颜色，在编辑器中调整工具窗口的大小和文字大小，针对红绿色弱用户调整颜色，以及自定义快捷键等。也支持屏幕阅读器。

快速文件编辑模式

需要快速修改文件吗？使用LightEdit模式，无需创建或加载整个项目。文件将在一个类文本编辑器中显示，其中提供了一些诸如语法高亮显示或自动保存的基本功能。然后，只需点击几下即可在就绪后切换回整个项目。