WebStorm为您提供JavaScript和编译为JavaScript语言、 Node.js、HTML和CSS的智能代码辅助。 享受代码补全、强大的 导航功能、动态错误检测以及所有这些 语言的重构。充分利用现代 JavaScript 生态系统的强大功能 – WebStorm 包您满意！ 享受 智能代码补全、动态错误检测，强大的 JavaScript、TypeScript 导航和重构，样式表语言，以及所有最流行的 框架。新版2021更智能的 JavaScript 和 TypeScript 代码补全、改进的 Stylelint 支持、内置的 HTML 预览、编辑器字体粗细选择的新设置，以及 Pull Request 相关操作的增强。
Astro 支持，对 Vue 模板的 TypeScript 支持，Tailwind CSS 配置，完整的 IDE 缩放、对新 UI 和版本控制集成的优化等。
现代框架
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 2023最新功能 框架和技术
天文支持
期待已久的 Astro 支持已经登陆 WebStorm！您可以通过我们新的Astro插件获得它，该插件可以安装 从首选项/设置 |插件。该插件提供基本 功能包括语法突出显示、代码完成 自动导入、重构、导航、正确格式化等。
支持 Vue 模板中的 TypeScript
我们在 Vue 模板中添加了 TypeScript 支持。当您将标记中的属性设置为 时，将启用此功能。 以前，无论属性如何，都使用 JavaScript 在标记中。WebStorm 现在将提供对内联强制转换的支持、改进的类型缩小以及在模板的快速文档中提供有关推断类型的正确信息 的 Vue 单文件组件。langscripttslangscript
Vue 中的自定义组件事件完成
在这个版本中还有一个特定于 Vue 的改进是值得的。 提。现在，您将获得自定义组件事件的代码完成 在 Vue 模板中。这在 JavaScript 和 TypeScript 中的工作方式相同。
复制粘贴时添加的组件导入
当您将代码从一个文件复制并粘贴到另一个文件时，WebStorm 会自动添加所有必需的导入。以前是这种情况 使用普通的JavaScript，TypeScript语言和React模板。在网络风暴中 2023.1 它现在也适用于 Vue、Svelte、Astro 和 Angular 模板。
React 道具的参数信息
我们添加了一种新的方法来显示组件属性的预期类型。如果你按下 props 传递给组件的位置，你会得到 包含类型信息的弹出窗口。以前，此信息仅可用 通过悬停，这对于以键盘为中心的用户来说很不方便。Ctrl+P
Angular 的新功能
当您在 Angular 模板中工作时，WebStorm 会在代码完成时自动将全局和导出符号的导入添加到您的组件中。 IDE 还通过以下方式支持 Angular 15 指令 提供建议使用 ngSrc 而不是 for 的检查。NgoptimizedImagesrcimg
Ability to run Jest tests in folders
You can now run all the tests in a specific folder through the right-click context menu. This feature worked for Vitest, and now we’ve also implemented it for Jest.
Docker improvements
The Dashboard tab of the Docker-compose node now pulls all the container logs together and displays them all in one place. Additionally, you can now connect to the Azure Container Registry. See this blog post for more information.
Svelte bug fixes
We’ve been improving the Svelte support available through a dedicated plugin. We’ve reworked the way WebStorm evaluates $types in SvelteKit apps and fixed the issue with TypeScript-specific keywords in files. svelte
JavaScript 和 TypeScript
自动将字符串转换为模板文本
WebStorm 现在会将您的单引号或双引号字符串转换为 模板文字在您键入 时自动显示。这行得通 对于原始字符串以及 JSX 属性。${
更好地确定导入库的优先级以进行自动导入
我们改进了 IDE 在添加来自不同的自动导入时的行为 具有相同导出元素名称的库。现在，将根据项目中的现有导入添加自动导入。 如果需要为另一个库中的元素添加导入，则导入 语句必须手动添加。WebStorm将像以前一样提供一个弹出窗口 版本。
TypeScript 和 JavaScript 之间的导入行为对齐
我们已经调整了 TypeScript 和 JavaScript 的导入行为。在 TypeScript 中，您将在上下文操作中显示导入选项，就像在 JavaScript。您可以通过按 打开上下文操作。统一设置位于首选项/设置|下编辑 |一般 |自动导入。Alt+Enter
支持 TypeScript 功能
WebStorm包括对即将推出的TypeScript 5.0的主要功能的支持。它现在也 提供对多个配置继承、类型参数修饰符和标志的完全支持。constallowImportingTsExtensions
处理文件引用的通用方法
我们改进了 WebStorm 在 v2023.1 中处理 JavaScript、TypeScript、HTML、CSS 和各种框架中的引用的方式。现在，在整个项目中以更通用的方式处理引用。例如，解析图像、CSS 或 HTML 文件现在可以使用路径别名。
标记语言和 CSS
[img]file:///https://www.jetbrains.com/webstorm/whatsnew/img/2023.1/tailwind-css_plugin-configuration-810-min.png[/img]
顺风CSS配置
在此版本中，我们添加了对配置选项的支持，例如 选项下的自定义类名补全，或 实验性的，如. 您可以在首选项/设置下设置这些配置选项 |语言与框架 |样式表 |顺风CSS。classAttributestailwindCSS.experimental.configFile
[img]file:///https://www.jetbrains.com/webstorm/whatsnew/img/2023.1/html-code-completion-option-810-min.png[/img]
配置 HTML 代码完成的选项
WebStorm 2021.3 引入了 HTML 的补全功能，它会在您键入时显示标记名称或缩写。此行为可以是 在 HTML 中输入纯文本时会分散注意力，因此我们添加了一个选项来禁用 它。您可以在首选项/设置|设置|中查找新选项编辑 |一般 |代码完成。
[img]file:///https://www.jetbrains.com/webstorm/whatsnew/img/2023.1/reformat-table-810-min.png[/img]
降价改进
现在，您可以使用快速修复来更正 Markdown 表格的格式。 此外，还有一个新的填充段落编辑器操作，使其变得容易 将长文本分成几行宽度相等的行。最后，我们 在首选项/设置下引入了专用的 Markdown 设置选项页面 |编辑 |一般 |智能钥匙。阅读此博客文章以了解更多信息。
[img]file:///https://www.jetbrains.com/webstorm/whatsnew/img/2023.1/comment-style-postcss-810-min.png[/img]
在PostCSS中选择行注释样式的选项
“首选项/设置”|“设置”中有一个新选项 |编辑 |代码样式 |样式表 |中文名 | PostCSS，允许您指定在PostCSS文件中使用的行注释样式。您可以 使用 注释掉行，它将完成 使用您选择的行注释样式。Ctrl+/
新用户界面
[img]file:///https://www.jetbrains.com/webstorm/whatsnew/img/2023.1/new-ui-transition-810-min.png[/img]
改进的新 UI 测试版
去年，我们为WebStorm推出了一个新的，更简约的UI。 和其他 JetBrains IDE。我们一直在根据您的 反馈并邀请您再试一次。您可以在首选项/设置|中执行此操作外观与行为 |新用户界面。继续阅读以学习 关于此版本中已登陆的关键 UI 更改。
[img]file:///https://www.jetbrains.com/webstorm/whatsnew/img/2023.1/vertical-split-tool-window-810-min.png[/img]
新 UI：工具窗口的垂直拆分
WebStorm 2023.1 允许您拆分工具窗口的区域并排列 这样您就可以一次看到两个。将工具窗口图标从 侧边栏并将其放在分隔符下方。或者，您可以右键单击 图标，然后使用移动到操作为工具窗口指定新位置。
[img]file:///https://www.jetbrains.com/webstorm/whatsnew/img/2023.1/compact-mode-810-min.png[/img]
新 UI：紧凑模式
为了更轻松地在较小的屏幕上工作，我们引入了紧凑模式。 它通过更精简的工具栏和工具窗口提供更统一的外观 页眉、缩小的间距和填充以及较小的图标和按钮。要转 新模式开启，转到“查看”|”外观 |主菜单中的紧凑模式。
[img]file:///https://www.jetbrains.com/webstorm/whatsnew/img/2023.1/new-ui-macos-project-tabs-810-min.png[/img]
新界面：macOS 上的“项目”选项卡
我们已经为新 UI 实现了最受欢迎的功能请求之一 - 项目 适用于 macOS 用户的选项卡。当您打开多个项目时，您现在可以使用主工具栏下显示的项目选项卡在它们之间切换。
[img]file:///https://www.jetbrains.com/webstorm/whatsnew/img/2023.1/redesigned-run-widget-810-min.png[/img]
新 UI：重新设计的“运行”小组件
为了响应我们收到的有关 IDE 新 UI 的反馈，我们 重新设计了主窗口标题中的“运行”小部件，使其不那么突兀，更美观。
[img]file:///https://www.jetbrains.com/webstorm/whatsnew/img/2023.1/missing-ui-features-810-min.png[/img]
新 UI：重新实现热门功能
我们添加了人们在新 UI 中缺少的一些热门功能。例如 “显示隐藏的标签页”选择器与“分支”弹出窗口中的“获取”操作一起返回。此外，我们还制作了 通过隐藏主要模式改进了无干扰模式和禅宗模式 工具栏元素，并显示作用域中文件的名称。
用户体验
[img]file:///https://www.jetbrains.com/webstorm/whatsnew/img/2023.1/full-ide-zoom2-810-min.png[/img]
全 IDE 变焦
现在可以放大和缩小WebStorm，增加或减少 一次所有 UI 元素的大小。从主菜单中，选择“查看”|”外观 |切换缩放 IDE。您还可以通过缩放从 那里。Ctrl+`
[img]file:///https://www.jetbrains.com/webstorm/whatsnew/img/2023.1/remember-size-810-min.png[/img]
记住每个工具窗口设置的大小
我们引入了一个新的布局选项，允许您统一侧面工具窗口的宽度或保留调整功能。 它们在您自定义布局时的大小。新的记住每个工具窗口的大小复选框在首选项/设置中可用 |外观与行为 |外观 |工具窗口。
[img]file:///https://www.jetbrains.com/webstorm/whatsnew/img/2023.1/actions-on-save-new-project-810-min.png[/img]
为新项目配置“保存操作”的设置
WebStorm 2023.1 添加了一个选项，用于预定义新项目“保存时的操作”行为。为此，请转到“文件”|”新项目设置 |新项目的首选项/设置 |工具 |保存时的操作，然后选择在保存更改时要触发的操作 未来项目。
[img]file:///https://www.jetbrains.com/webstorm/whatsnew/img/2023.1/classes-tab-ml-810-min.png[/img]
ML 支持的类搜索
为了向您提供更相关和准确的搜索结果，我们继续 努力将机器学习排名集成到搜索无处不在 （） 功能中。排序算法 在“类”选项卡中，默认情况下也由机器学习提供支持， 以及“操作”和“文件”选项卡中的结果。Double Shift
[img]file:///https://www.jetbrains.com/webstorm/whatsnew/img/2023.1/paste-behavior-settings-810-min.png[/img]
恢复旧的复制剪切粘贴行为的选项
我们添加了一个选项，用于将复制-剪切-粘贴行为恢复到早期版本的 WebStorm 中。这将允许您将剪贴板内容粘贴到插入符号处，而不是将它们粘贴到 前一行。此选项位于首选项/设置中的粘贴复制的行时无选择下拉菜单中高级设置 |编者。
[img]file:///https://www.jetbrains.com/webstorm/whatsnew/img/2023.1/scanning-to-index-810-min.png[/img]
在智能模式下扫描文件以编制索引
通过在智能模式下执行扫描文件以编制索引...进程，我们改进了IDE启动体验，这应该可以减少在启动时等待索引而导致的延迟。打开时 一个项目，WebStorm 将使用项目在上一个会话中的现有缓存 并查找要编制索引的任何新文件。如果找不到 IDE 将准备就绪 随扫描而更改。
[img]file:///https://www.jetbrains.com/webstorm/whatsnew/img/2023.1/microsoft-defender-810-min.png[/img]
更改 Microsoft Defender 设置的建议
WebStorm 2023.1 包括一个新的通知，当微软触发 启用了具有实时保护的防御者。WebStorm建议将某些文件夹添加到Defender的排除列表中，因为这些 防病毒检查会显著降低 IDE 的速度。
版本控制
[img]file:///https://www.jetbrains.com/webstorm/whatsnew/img/2023.1/github-review-workflow-810-min.png[/img]
改进了 GitHub 的代码审查工作流
为了简化在 IDE 中查看代码的过程，我们重新设计了“拉取请求”工具窗口。现在，它为您打开的每个拉取请求提供了一个专用选项卡。选项卡立即显示 更改文件的列表，并且有一个专用按钮可以执行最多 根据拉取请求的当前状态执行相关操作。
[img]file:///https://www.jetbrains.com/webstorm/whatsnew/img/2023.1/auto-complete-branch-810-min.png[/img]
创建新分支弹出窗口中的自动完成
在 WebStorm 2023.1 中，我们在创建新分支弹出窗口中实现了自动完成。开始键入新分支的名称后， IDE 将根据现有名称建议相关前缀 当地分支机构。
[img]file:///https://www.jetbrains.com/webstorm/whatsnew/img/2023.1/improved-branches-popup-810-min.png[/img]
改进的分支弹出窗口
我们改进了分支弹出窗口的可用性。在 分支现在更容易了，因为它们被分组并存储在可展开的列表中。
[img]file:///https://www.jetbrains.com/webstorm/whatsnew/img/2023.1/structure-tool-window-color-hints-810-min.png[/img]
“结构”视图中的 VCS 状态颜色提示
为了使对文件的跟踪更改更加方便，我们在“结构”工具窗口中添加了颜色提示。修改对象的名称现在变为蓝色， 而新添加的对象的名称在工具窗口中以绿色显示。
[img]file:///https://www.jetbrains.com/webstorm/whatsnew/img/2023.1/pre-commit-810-min.png[/img]
后台提交检查
我们重新设计了 Git 和 Mercurial 提交检查的行为，以加快整个提交过程。检查现在在 提交后但在推送之前的背景。
JetBrains WebStorm 2023.3.6官方正式版 [安装版/绿色版] (2023/03/26)
https://download.jetbrains.com.cn/webstorm/WebStorm-2023.3.6.exe
https://download.jetbrains.com.cn/webstorm/WebStorm-2023.3.6.win.zip
激活补丁：Jetbrains系列产品 2023.x简体中文汉化包文件+激活文件最新 2023.4.28
微博帐号登录