WebStorm为您提供JavaScript和编译为JavaScript语言、 Node.js、HTML和CSS的智能代码辅助。 享受代码补全、强大的 导航功能、动态错误检测以及所有这些 语言的重构。充分利用现代 JavaScript 生态系统的强大功能 – WebStorm 包您满意！ 享受 智能代码补全、动态错误检测，强大的 JavaScript、TypeScript 导航和重构，样式表语言，以及所有最流行的 框架。新版2021更智能的 JavaScript 和 TypeScript 代码补全、改进的 Stylelint 支持、内置的 HTML 预览、编辑器字体粗细选择的新设置，以及 Pull Request 相关操作的增强。
现代框架
WebStorm 为 Angular、 React、Vue.js 和 Meteor 提供先进的代码辅助。 享受对以React Native、PhoneGap、Cordova和 Ionic进行移动开发和以Node.js进行服务器端开发的支持。 一个 IDE 一应俱全！
智能编辑器
该IDE分析您的项目，从而为所有支持的语言 提供最佳代码补全结果。 几百种内置检查，可以在您输入时 报告任何可能的问题，并提供快速修复选项。
导航和搜索
WebStorm可以帮助您在处理大型项目时提高编码效率，并节省时间。 只需点击一次或搜索用法，即可跳到方法、函数或变量定义。
调试、跟踪和测试
WebStorm提供强大的内置工具进行调试、测试和跟踪 您的客户端和Node.js应用程序。 只需很少配置和精心 集成到IDE中，WebStorm使这些任务变得更加轻松。
调试
WebStorm提供内置调试器，可用于您的客户端代码（适用于 Chrome）和Node.js应用。 放置断点、逐步执行代码和评估 表达式 – 一切都无需离开IDE。
测试
因为WebStorm集成了Karma测试 运行器、Mocha、Jest和Protractor，因此可以轻松执行测试。 直接在IDE中运行和调试测试，以方便的可视格式 查看结果，然后导航到测试代码。
跟踪和性能分析
WebStorm内置了spy-js工具，帮助您跟踪 JavaScript代码。 探索文件如何与函数调用相关联，并且高效 识别任何可能的瓶颈
无缝工具集成
WebStorm集成流行的命令行工具，用于Web开发， 使您无需使用命令行即可获得高效、简化的开发 体验。
生成工具
享受直接在IDE中以简单一致的UI来运行Grunt、Gulp或 npm任务。 所有任务都列举在一个特殊工具 窗口中，所以只需双击任务名称即可启动它。
代码质量工具
除了WebStorm自有的几百种检查外，它还可以根据代码运行ESLint、 JSCS、TSLint、Stylelint、 JSHint或JSLint，并直接在编辑器中 高亮显示任何动态问题。
项目模板
使用常用项目模板，比如：Express 或Web入门套件从欢迎屏幕启动新项目，并且 因为与Yeoman集成，所以可以访问更多项目生成器。
IDE功能
WebStorm建立在开源IntelliJ平台之上，过去15年以来，JetBrains一直在不断发展和完善这个平台。 这个平台可以针对您的开发工作流进行微调并且能够提供高度可定制的体验。
VCS
WebStorm以统一的UI处理多种流行的版本控制系统， 确保在git、GitHub、SVN、Mercurial和Perforce之间提供一致的用户体验。
本地历史
无论您是否使用VCS，本地历史都真的可以 保护代码。 您可以随时 检查特定文件或目录的历史记录，并回滚到 以前的任何版本。
定制
WebStorm定制化程度非常高。 将其调整为完全适合您的编程风格，从快捷键、字体和视觉主题到工具窗口和编辑器布局。
![]()
WebStorm 2021 最新功能
JavaScript和TypeScript
ML 辅助代码补全
JavaScript 和 TypeScript 文件中的补全建议现在将使用机器学习算法进行排序。 查看这篇博文了解详情。
更好的符号名称补全建议
WebStorm 现在会在显示顶层变量以及函数和类名的补全建议时考虑文件名。
改进的 JSDoc 语法高亮显示
为了使 JSDoc 注释更易读，我们实现了一些新选项，用于调整 JSDoc 标记值和类型的配色方案。 您可以在 Preferences / Settings | Editor | Color Scheme | JavaScript / TypeScript 中找到它们。
禁止文件检查
WebStorm 允许您关闭整个项目或更细致层级（如语句或类）的单个检查。 使用 v2021.1，您还可以逐个文件禁用。
框架与技术
内置远程协作开发服务
WebStorm 现在随 Code With Me 一同提供，这是一款用于远程协作开发和结对编程的新服务。 您可以使用它进行实时合作编码，并以 IDE 与其他人交流。
支持 Vue 中的 CSS 模块
从 v2021.1 开始，WebStorm 将支持 .vue 文件中使用的 CSS 模块。 IDE 将正确解析 $style 属性，为其提供代码补全、导航和基本的重构功能。
HTTP 客户端的增强
内置 HTTP 客户端更加易于使用。 您可以使用新图标折叠返回的输出，快速滚动到响应的顶部或底部，通过几次点击轻松查找和替换 http:// 协议的用法等等。
ESLint 的可配置范围
如果已为 .md 或 .coffee 等文件设置了 ESLint，那么现在可以在编辑器中查看其报告的错误。 为此，需要将这些文件类型添加到新的 Run for files 字段。
支持 JSON Lines
WebStorm 现在支持 JSON Lines 文本格式。 IDE 将识别 .jsonl、.jslines、.ldjson 和 .ndjson 文件类型。
HTML 和 CSS
![]()
改进了对 Stylelint 的支持
点击几下即可使用 Stylelint 修复 CSS 代码。 将鼠标悬停在文件中的问题上或将文本光标放在其上，然后按 Alt+Enter，选择 Stylelint: Fix current file。此外，您现在可以在 Preferences / Settings | Languages & Frameworks | Style Sheets | Stylelint 的相应字段下指定配置文件的路径。
![]()
内置 HTML 预览
现在，您可以直接在 WebStorm 中预览静态 HTML 文件！ 您对 HTML 文件或链接的 CSS 和 JavaScript 文件所做的变更将被保存，预览将自动重新加载供您查看变更。
![]()
CSS 的选择器特异性
使用样式表时，您现在可以查看选择器的特异性 - 只需将鼠标悬停在要查看的选择器上即可。 或者，将焦点放在选择器上，按 Ctrl+Q 在文档弹出窗口中查看这些信息。
用户界面
![]()
可调整字体粗细
现在，您可以选择不同的编辑器字体，包括浅色、常规和粗体。 您可以在 Typography Settings in Preferences / Settings | Editor | Fonts 下调整这些新选项。
![]()
最大化分割视图中的选项卡
在分割视图中打开了多个选项卡？ 双击要处理的选项卡，使其编辑器窗口最大化。 再次双击即可将选项卡恢复到原始大小。
![]()
更实用的快速文档
MDN 文档现与 WebStorm 捆绑。 这将有助于防止 MDN 网站的连接问题，并使编辑器内文档显示得更快。 现在它也提供了更多信息，例如，您将看到有关 JavaScript API 的支持浏览器版本的详细信息。
更好的辅助功能
如果您在 Windows 上使用高对比度模式，WebStorm 将与操作系统同步并在首次启动时应用高对比度主题。 另外，屏幕阅读器现在可以正确读出更多的 UI 元素。
在 Windows 上快速访问最近的项目
我们改进了对 Windows 跳转列表的支持，现在，右键点击任务栏或开始菜单上的 WebStorm 图标即可打开您最近的项目。
多种问题修复
此版本主要集中于提高 WebStorm 的质量。 我们修复了许多已知问题，包括在使用不同文件系统时文件名大小写区分的问题。
版本控制
![]()
改进了 Pull Request 的使用
我们添加了一些增强，帮助您更有效地处理拉取请求。 例如，您现在可以直接在 Pull Requests 工具窗口中单击 + 图标创建新的 PR。
支持提交消息模板
WebStorm 现在支持 Git 提交消息模板，您可以用它提醒自己消息中需要包含的内容。 定义此类模板时，IDE 会将其文本显示为初始提交消息。
保存到 Shelf 的新操作
您可以使用新的 Save to Shelf 操作将变更保留在本地并复制到 Shelf。 按下 Ctrl+Shift+A，输入 Save to Shelf 即可使用此操作
(出售内容)
现代框架
WebStorm 为 Angular、 React、Vue.js 和 Meteor 提供先进的代码辅助。 享受对以React Native、PhoneGap、Cordova和 Ionic进行移动开发和以Node.js进行服务器端开发的支持。 一个 IDE 一应俱全！
智能编辑器
该IDE分析您的项目，从而为所有支持的语言 提供最佳代码补全结果。 几百种内置检查，可以在您输入时 报告任何可能的问题，并提供快速修复选项。
导航和搜索
WebStorm可以帮助您在处理大型项目时提高编码效率，并节省时间。 只需点击一次或搜索用法，即可跳到方法、函数或变量定义。
调试、跟踪和测试
WebStorm提供强大的内置工具进行调试、测试和跟踪 您的客户端和Node.js应用程序。 只需很少配置和精心 集成到IDE中，WebStorm使这些任务变得更加轻松。
调试
WebStorm提供内置调试器，可用于您的客户端代码（适用于 Chrome）和Node.js应用。 放置断点、逐步执行代码和评估 表达式 – 一切都无需离开IDE。
测试
因为WebStorm集成了Karma测试 运行器、Mocha、Jest和Protractor，因此可以轻松执行测试。 直接在IDE中运行和调试测试，以方便的可视格式 查看结果，然后导航到测试代码。
跟踪和性能分析
WebStorm内置了spy-js工具，帮助您跟踪 JavaScript代码。 探索文件如何与函数调用相关联，并且高效 识别任何可能的瓶颈
无缝工具集成
WebStorm集成流行的命令行工具，用于Web开发， 使您无需使用命令行即可获得高效、简化的开发 体验。
生成工具
享受直接在IDE中以简单一致的UI来运行Grunt、Gulp或 npm任务。 所有任务都列举在一个特殊工具 窗口中，所以只需双击任务名称即可启动它。
代码质量工具
除了WebStorm自有的几百种检查外，它还可以根据代码运行ESLint、 JSCS、TSLint、Stylelint、 JSHint或JSLint，并直接在编辑器中 高亮显示任何动态问题。
项目模板
使用常用项目模板，比如：Express 或Web入门套件从欢迎屏幕启动新项目，并且 因为与Yeoman集成，所以可以访问更多项目生成器。
IDE功能
WebStorm建立在开源IntelliJ平台之上，过去15年以来，JetBrains一直在不断发展和完善这个平台。 这个平台可以针对您的开发工作流进行微调并且能够提供高度可定制的体验。
VCS
WebStorm以统一的UI处理多种流行的版本控制系统， 确保在git、GitHub、SVN、Mercurial和Perforce之间提供一致的用户体验。
本地历史
无论您是否使用VCS，本地历史都真的可以 保护代码。 您可以随时 检查特定文件或目录的历史记录，并回滚到 以前的任何版本。
定制
WebStorm定制化程度非常高。 将其调整为完全适合您的编程风格，从快捷键、字体和视觉主题到工具窗口和编辑器布局。
WebStorm 2021 最新功能
JavaScript和TypeScript
ML 辅助代码补全
JavaScript 和 TypeScript 文件中的补全建议现在将使用机器学习算法进行排序。 查看这篇博文了解详情。
更好的符号名称补全建议
WebStorm 现在会在显示顶层变量以及函数和类名的补全建议时考虑文件名。
改进的 JSDoc 语法高亮显示
为了使 JSDoc 注释更易读，我们实现了一些新选项，用于调整 JSDoc 标记值和类型的配色方案。 您可以在 Preferences / Settings | Editor | Color Scheme | JavaScript / TypeScript 中找到它们。
禁止文件检查
WebStorm 允许您关闭整个项目或更细致层级（如语句或类）的单个检查。 使用 v2021.1，您还可以逐个文件禁用。
框架与技术
内置远程协作开发服务
WebStorm 现在随 Code With Me 一同提供，这是一款用于远程协作开发和结对编程的新服务。 您可以使用它进行实时合作编码，并以 IDE 与其他人交流。
支持 Vue 中的 CSS 模块
从 v2021.1 开始，WebStorm 将支持 .vue 文件中使用的 CSS 模块。 IDE 将正确解析 $style 属性，为其提供代码补全、导航和基本的重构功能。
HTTP 客户端的增强
内置 HTTP 客户端更加易于使用。 您可以使用新图标折叠返回的输出，快速滚动到响应的顶部或底部，通过几次点击轻松查找和替换 http:// 协议的用法等等。
ESLint 的可配置范围
如果已为 .md 或 .coffee 等文件设置了 ESLint，那么现在可以在编辑器中查看其报告的错误。 为此，需要将这些文件类型添加到新的 Run for files 字段。
支持 JSON Lines
WebStorm 现在支持 JSON Lines 文本格式。 IDE 将识别 .jsonl、.jslines、.ldjson 和 .ndjson 文件类型。
HTML 和 CSS
改进了对 Stylelint 的支持
点击几下即可使用 Stylelint 修复 CSS 代码。 将鼠标悬停在文件中的问题上或将文本光标放在其上，然后按 Alt+Enter，选择 Stylelint: Fix current file。此外，您现在可以在 Preferences / Settings | Languages & Frameworks | Style Sheets | Stylelint 的相应字段下指定配置文件的路径。
内置 HTML 预览
现在，您可以直接在 WebStorm 中预览静态 HTML 文件！ 您对 HTML 文件或链接的 CSS 和 JavaScript 文件所做的变更将被保存，预览将自动重新加载供您查看变更。
CSS 的选择器特异性
使用样式表时，您现在可以查看选择器的特异性 - 只需将鼠标悬停在要查看的选择器上即可。 或者，将焦点放在选择器上，按 Ctrl+Q 在文档弹出窗口中查看这些信息。
用户界面
可调整字体粗细
现在，您可以选择不同的编辑器字体，包括浅色、常规和粗体。 您可以在 Typography Settings in Preferences / Settings | Editor | Fonts 下调整这些新选项。
最大化分割视图中的选项卡
在分割视图中打开了多个选项卡？ 双击要处理的选项卡，使其编辑器窗口最大化。 再次双击即可将选项卡恢复到原始大小。
更实用的快速文档
MDN 文档现与 WebStorm 捆绑。 这将有助于防止 MDN 网站的连接问题，并使编辑器内文档显示得更快。 现在它也提供了更多信息，例如，您将看到有关 JavaScript API 的支持浏览器版本的详细信息。
更好的辅助功能
如果您在 Windows 上使用高对比度模式，WebStorm 将与操作系统同步并在首次启动时应用高对比度主题。 另外，屏幕阅读器现在可以正确读出更多的 UI 元素。
在 Windows 上快速访问最近的项目
我们改进了对 Windows 跳转列表的支持，现在，右键点击任务栏或开始菜单上的 WebStorm 图标即可打开您最近的项目。
多种问题修复
此版本主要集中于提高 WebStorm 的质量。 我们修复了许多已知问题，包括在使用不同文件系统时文件名大小写区分的问题。
版本控制
改进了 Pull Request 的使用
我们添加了一些增强，帮助您更有效地处理拉取请求。 例如，您现在可以直接在 Pull Requests 工具窗口中单击 + 图标创建新的 PR。
支持提交消息模板
WebStorm 现在支持 Git 提交消息模板，您可以用它提醒自己消息中需要包含的内容。 定义此类模板时，IDE 会将其文本显示为初始提交消息。
保存到 Shelf 的新操作
您可以使用新的 Save to Shelf 操作将变更保留在本地并复制到 Shelf。 按下 Ctrl+Shift+A，输入 Save to Shelf 即可使用此操作
(出售内容)