WebStorm下载 WebStormv8.0.4硬盘版

WebStorm2023是一款专业的HTML编辑工具，在html5和JavaScript方面也很优秀。

可以说是“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”。新版本对JavaScript、TypeScript和CSS有了更好的支持，提升了Vue.js的体验

并增加了Jest集成的新功能。

JetBrains打造的前端开发工具WebStorm发布2023。

WebStorm 2023.1最新Astro支持、Vue模板的TypeScript支持、Tailwind CSS配置、全IDE缩放、新UI和版本控制集成的改进等。

WebStorm 汉化包下载地址

WebStorm功能

为JavaScript和TypeScript提供更好的智能感知，改进对Angular框架的支持，更新CSS和HTML文档，更强大的调试控制台。

通过使用一个叫做“去结构化”的函数，我们可以用非常简洁的语法将数组和对象中的值提取到变量中。

WebStorm的新的解构和意图功能(Alt-Enter)可以帮助我们轻松地将解构引入JavaScript或TypeScript代码中。

针对Angular应用，WebStorm新增了17项检查，可以帮助我们在编码时检测应用中与Angular相关的具体错误，并提供快速修复的建议。

这些检查在TypeScript和模板文件中都有效，并检查绑定、指令、组件和许多其他内容的使用。

ps：边肖带来了专门为激活webstorm软件而生成的产品序列号，配合软件包中的绿色文件和中文语言包使用，可以完美中文激活软件。详情请参考本教程！各大激活方式相继被封。

请支持正版！

webstorm 安装教程

Ps:目前之前的补丁都失效了，建议使用全新补丁或则无限重置试用插件:

Ide-eval-resetter 2.1.13下载和方法，BetterIntelliJ通用补丁(有安全漏洞)

(官方要求不可用，请支持原版)

1.下载解压，获得jetbrains webstorm 2020主程序。

2. Run "Network Storm -2020.3.exe" to start the installation. The default installation directory is [C: \ Program files \ Jetstorms \ Webstorm 2020.3].

3.勾选创建webstorm桌面快捷方式，包括32位和64位，自行选择关联的文件格式。建议全选；

4.点击安装，等待软件安装完成，但不要运行软件，以免影响后续操作；

5.解压激活工具，其中脚本为脚本文件，直接双击执行install-current-user.vbs脚本文件。(此处注意：该操作将在计算机环境变量中执行，

在用户变量下添加所有JB家族IDE的参数配置信息)，如果安装了360安全软件，会提示权限不足或者存在风险，可以退出安全软件或者同意。

单击“确定”进行确认。在执行过程中，大约需要10-30秒(可能需要几分钟，时间不固定)。当您看到提示“Done”时，继续执行以下步骤。

6.打开IDE，选择激活码，并添加专属永久激活码。激活会一直显示到2025年，不考虑这个时间。

最新关于汉化说明：

目前官方已经自带中文，默认情况下中文是不开启的，根据官方的说明，所有的i18n 包都是以插件的形式集成到软件中的。需要你自己去集成汉化插件。

关于集成汉化插件的步骤是打开Settings - Plugins ，在界面框中输入“Chinese”回车搜索，可见会出现一个中文插件，点击“Install”安装插件，然后重启即可！

再次打开软件，jetbrains webstorm 汉化成功安装。

更新介绍：

Astro 支持

备受期待的Astro 支持已登陆WebStorm！ 从Preferences/Settings | Plugins（偏好设置/设置| 插件）安装新的Astro 插件即可获取。

插件提供基本功能，包括语法高亮显示、带自动导入的代码补全、重构、导航、正确的格式设置等。

Vue 模板中对TypeScript 的支持

我们在Vue 模板中添加了TypeScript 支持。 它会在您将script 标记中的lang 特性设为ts 时启用。 此前，无论script 标记中的lang 特性如何，

使用的都是JavaScript。 WebStorm 现在将提供对内联转换的支持、改进的类型缩小，并在Vue 单文件组件模板的快速文档中提供正确的推断类型信息。

Vue 中的自定义组件事件补全

这个版本中还有一项Vue 特定的改进值得关注。 现在，您将在Vue 模板中获得自定义组件事件的代码补全。 它在JavaScript 和TypeScript 中相同。

复制粘贴时添加组件import

将代码从一个文件复制粘贴到另一个文件时，WebStorm 会自动添加所有必需import。 此前纯JavaScript、TypeScript 语言和React 模板是这种形式。

在WebStorm 2023.1 中，它现在也适用于Vue、Svelte、Astro 和Angular 模板。

React 属性的形参信息

我们添加了一种新方式来显示组件属性的预期类型。 如果在将属性传递给组件时按Ctrl+P，您将看到一个包含类型信息的弹出窗口。 此前，这些信息只能通过悬停显示，对于主要使用键盘的用户来说很不方便。

针对Angular 的新功能

在Angular 模板中，WebStorm 会在代码补全时自动将全局和导出符号的import 添加到组件中。 IDE 还支持Angular 15 NgoptimizedImage 指令，

提供了建议对img 使用ngSrc 而不是src 的检查。

在文件夹中运行Jest 测试

您现在可以通过右键点击上下文菜单在特定文件夹中运行所有测试。 这个功能此前适用于Vitest，现在我们也已为Jest 实现。

Docker 改进

Docker-compose 节点的Dashboard（仪表板）标签页现在将所有容器日志拉取到一处显示。 此外，您现在可以连接到Azure 容器注册表。 阅读这篇博文了解详情。

Svelte 错误修正

我们一直在通过一个专属插件改进Svelte 支持。 我们重做了WebStorm 在SvelteKit 应用中对$types 求值的方式，

并修正了svelte 文件中特定于TypeScript 的关键字的问题。

字符串到模板文字的自动转换

现在，WebStorm 在您输入${ 时会自动将带单引号或双引号的字符串转换为模板文字。 这适用于原始字符串以及JSX 属性。

针对自动导入的改进导入库优先级顺序

从具有相同导出元素名称的不同库添加自动导入时，IDE 的行为有所改进。 自动导入现在根据项目中的现有导入添加。 如果需要为来自另一个库的元素添加import，则必须手动添加import 语句。

WebStorm 将像先前版本一样提供弹出窗口。

统一了TypeScript 与JavaScript 之间的导入行为

我们统一了TypeScript 与JavaScript 之间的导入行为。 在TypeScript 中，您将在上下文操作中看到导入选项，就像在JavaScript 中看到的一样。

按Alt+Enter 即可打开上下文操作。

统一的设置位于Preferences/Settings | Editor | General | Auto Import（偏好设置/设置| 编辑器| 常规| 自动导入）。

对TypeScript 功能的支持

WebStorm 包括对即将推出的TypeScript 5.0 中主要功能的支持。

它还提供了对多重配置继承、类型形参的const 修饰符和allowImportingTsExtensions 标志的完全支持。

处理文件引用的通用方式

在v2023.1 中，我们改进了WebStorm 处理JavaScript、TypeScript、HTML、CSS 和各种框架中的引用的方式。 现在，引用的处理方式在项目间更加通用。 例如，

解析图像、CSS 或HTML 文件现在可以使用路径别名。

Tailwind CSS 配置

您可以在Preferences/Settings | Languages Frameworks | Style Sheets | Tailwind CSS（偏好设置/设置| 语言和框架| 样式表| Tailwind CSS）下设置这些配置选项。

配置HTML 代码补全的选项

WebStorm 2021.3 为HTML 引入了补全，会在您输入时显示标记名称或缩写。 在HTML 中输入纯文本时，这种行为可能会分散注意力，因此我们添加了将其禁用的选项。

您可以在Preferences/Settings | Editor | General | Code Completion（偏好设置/设置| 编辑器| 常规| 代码补全）中找到新选项。

Markdown 改进

我们在Preferences/Settings | Editor | General | Smart Keys（偏好设置/设置| 编辑器| 常规| 智能按键）下引入了专属Markdown 设置选项页面。

在PostCSS 中选择行注释样式的选项

Preferences/Settings | Editor | Code Style | Style Sheets | CSS | PostCSS（偏好设置/设置| 编辑器| 代码样式| 样式表| CSS | PostCSS）中的新选项允许您指定在PostCSS 文件中使用的行注释样式。

改进的新UI 测试版

去年，我们为WebStorm 和其他JetBrains IDE 引入了更简约的新UI。 我们一直在根据反馈进一步完善新UI，现在邀请您继续尝试。

您可以前往Preferences/Settings | Appearance Behavior | New UI（偏好设置/设置| 外观与行为| 新UI）选择。

下文介绍了这个版本中的关键UI 更改。

新UI：工具窗口的垂直拆分

WebStorm 2023.1 支持分割和排列工具窗口，从而同时显示两个工具窗口。 将工具窗口图标从边栏拖动到分隔符下方。 或者，您可以右键点击图标，

使用Move to（移至）操作为工具窗口分配新位置。

新UI：紧凑模式

我们引入了紧凑模式，使较小屏幕上的工作体验更加舒适。 它简化了工具栏和工具窗口标题，缩小了间距、填充以及图标和按钮，提供更为统一的外观。

转到主菜单中的View | Appearance | Compact Mode（视图| 外观| 紧凑模式）即可打开新模式。

新UI：macOS 上的项目标签页

我们为macOS 用户实现了新UI 中最热门的功能请求之一 项目标签页。 有多个打开的项目时，您现在可以使用主工具栏下显示的项目标签页切换。

新UI：重新设计了Run（运行）微件

基于有关IDE 新UI 的反馈，我们重新设计了主窗口标题中的Run（运行）微件，使其更加自然悦目。

新UI：重新实现了热门功能

我们在新UI 中添加了一些用户期待的热门功能。 例如，Show Hidden Tabs（显示隐藏的标签页）选择器和Branches（分支）弹出窗口中的Fetch（提取）操作均已回归。 另外，

我们还通过隐藏主工具栏元素并在作用域中显示文件的名称改进了Distraction Free（无干扰）和Zen 模式。

全IDE 缩放

现在可以放大和缩小WebStorm，同时增加或缩减所有UI 元素的大小。 从主菜单中，

选择View | Appearance | Switch Zoom IDE（视图| 外观| 切换缩放IDE）。 您还可以按Ctrl+` 并通过Zoom（缩放）调整IDE 的缩放比例。

Remember size for each tool window（记住每个工具窗口的大小）设置

新的Remember size for each tool window（记住每个工具窗口的大小）复选框位于Preferences/Settings | Appearance Behavior | Appearance | Tool Windows（偏好设置/设置| 外观与行为| 外观| 工具窗口）中。

为新项目配置Actions on Save（保存时的操作）的设置

转到File | New Projects Setup | Preferences/Settings For New Projects | Tools | Actions on Save（文件| 新项目设置| 新项目偏好设置/新项目设置| 工具| 保存时的操作），

机器学习驱动的类搜索

为了提供更有意义和更准确的搜索结果，我们将机器学习排名进一步集成到Search Everywhere（随处搜索）（按两下Shift）功能中。

Classes（类）标签页中的排序算法现在也默认由机器学习驱动，与Actions（操作）和Files（文件）标签页中的结果相同。

还原旧的复制剪切粘贴行为的选项

这个选项位于Preferences/Settings | Advanced Settings | Editor（偏好设置/设置| 高级设置| 编辑器）下的When pasting a line copied with no selection（粘贴复制时未选择内容的行时）下拉菜单中。

智能模式下的Scanning files to index（正在扫描要建立索引的文件）

我们通过在智能模式下执行Scanning files to index.（正在扫描要建立索引的文件）进程改进了IDE 启动体验，这应该会减少启动时等待索引所造成的延迟。 打开项目时，

WebStorm 将使用项目在上一个会话中的现有缓存，并查找要建立索引的新文件。 如果扫描时未发现更改，IDE 将准备就绪。

更改Microsoft Defender 设置的建议

WebStorm 2023.1 包含一个新通知，会在启用Microsoft Defender 实时保护时触发。 WebStorm 会建议将特定文件夹添加到Defender 的排除项列表中，

因为这些防病毒检查会显著降低IDE 的速度。

针对GitHub 改进了代码审查工作流

为了简化在IDE 中审查代码的过程，我们重做了Pull Request（拉取请求）工具窗口。 它现在为您打开的每个拉取请求提供一个专用标签页。 标签页会立即显示已更改文件的列表，

并且有一个专用按钮可以根据拉取请求的当前状态执行最相关的操作。

Create New Branch（创建新分支）弹出窗口中的自动补全

在WebStorm 2023.1 中，我们在Create New Branch（创建新分支）弹出窗口中实现了自动补全。 为新分支输入名称时，IDE 将根据现有本地分支的名称建议相关前缀。

改进了Branches（分支）弹出窗口

我们改进了Branches（分支）弹出窗口的实用性。 分支被分组并存储在可扩展列表中，导航更加轻松。

Structure（结构）视图中的VCS 状态颜色提示

我们在Structure（结构）工具窗口中添加了颜色提示，使文件更改更易于跟踪。 被修改对象的名称现在为蓝色，新添加对象的名称在工具窗口中显示为绿色。

后台提交检查

我们重做了Git 和Mercurial 提交检查的行为，旨在加快整个提交过程。 检查将在提交之后且推送之前在后台执行