当前位置: 首页 > 电脑软件 > 编程工具 > WebStorm2023官方中文版下载 v2023.1.4 附安装教程

WebStorm2023官方中文版下载 v2023.1.4 附安装教程

  • 大小:489MB
  • 语言:简体中文
  • 类别:编程工具
  • 类型:国产软件
  • 时间:2023-07-19 20:46:20
  • 环境:
  • 安全检测: 无插件 360通过 腾讯通过 金山通过 瑞星通过

普通下载

同类型软件

  • 游戏介绍/
  • 配置设定/
  • 相关专题/
  • 下载地址/

软件介绍

WebStorm2023最新版免费是一款由JetBrains公司推出的Web开发IDE,被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。它为前端和后端开发人员提供强大且易于使用的工具,包括代码编辑、调试、版本控制、自动补全等功能,帮助开发人员更快地编写高质量的代码。

WebStorm2023最新版免费除了集成了许多实用功能外,还支持自定义快捷键、工作空间,方便用户进行自由配置和操作。它内置的控制台可以方便地查看程序运行状态,快速定位和解决问题。

WebStorm2023最新版免费下载软件介绍

WebStorm 2023安装教程

1、双击打开WebStorm-2023.1.2.exe安装包,设置安装路径,点击Next;

WebStorm 2023安装教程1

2、根据自己需求随便设置,不影响破解,点击Next;

WebStorm 2023安装教程2

3、点击Install;

WebStorm 2023安装教程3

4、勾选RunWebStorm,点击Finish;

WebStorm 2023安装教程4

5、Webstorm运行成功后,会弹出下面的对话框,提示我们需要先登录JetBrains账户才能使用,点击exit即可;

WebStorm 2023安装教程5

6、记得先解压,解压后的目录如下,本文后面所需补丁都在下面标注的这个文件夹中;

WebStorm 2023安装教程6

7、点击【方式3】文件夹,进入到文件夹/jetbra,目录如下;

WebStorm 2023安装教程7

8、将上面图示的补丁的所属文件夹/jetbra复制电脑某个位置,小编这里放置到了D:/盘根目录下;

WebStorm 2023安装教程8

注意:补丁所属文件夹需单独存放,且放置的路径不要有中文与空格,以免IDEA读取补丁错误;

9、点击进入/jetbra补丁目录,再点击进入/scripts文件夹,双击执行install-current-user.vbs破解脚本;

WebStorm 2023安装教程9

注意:如果执行脚本被安全软件提示有风险拦截,允许执行即可。

WebStorm 2023安装教程10

10、重新打开Webstorm,填入指定激活码完成激活;

WebStorm 2023安装教程11

11、点击激活后,就可以看到激活成功辣,又可以开心的coding了~。

WebStorm 2023安装教程12

WebStorm 2023怎么设置中文?

1、打开WebStorm软件,然后点击File–Settings按钮或者直接按下Ctrl+Alt+S组合键,打开Settings窗口。

WebStorm 2023怎么设置中文?1

2、在Settings窗口左侧的菜单中,选择Plugins,然后在右侧的搜索栏中输入“中文”,搜索插件。

WebStorm 2023怎么设置中文?2

WebStorm 2023怎么设置中文?3

3、选择“Chinese(Simplified) Language Pack / 中文语言包”(PS:下载次数最多那个),然后点击install安装,安装完安成后重启WebStorm,汉化完成。

WebStorm 2023怎么设置中文?4

WebStorm 2023新增功能

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

框架和技术

天文支持

期待已久的 Astro 支持已登陆 WebStorm!您可以通过我们新的 Astro 插件获得它,该插件可以从Preferences / Settings |安装 插件。该插件提供基本功能,包括语法突出显示、自动导入代码完成、重构、导航、 正确格式和更多。

在 Vue 模板中支持 TypeScript

我们在 Vue 模板中添加了 TypeScript 支持。当您将标记lang中的属性设置为 时,它会被启用 。以前,无论标记中的属性如何,都使用 JavaScript 。WebStorm 现在将支持 内联转换、改进的类型缩小以及 有关Vue 单文件组件模板快速文档中 推断类型的正确信息。script ts lang script

Vue 中的自定义组件事件完成

此版本中还有一个 Vue 特定的改进值得一提。您现在可以在 Vue 模板中为您的自定义组件事件完成代码。这在 JavaScript 和 TypeScript 中的工作方式相同。

复制粘贴时添加的组件导入

当您将代码从一个文件复制并粘贴到另一个文件时,WebStorm 会 自动添加所有必需的导入。以前纯 JavaScript、TypeScript 语言和 React 模板就是这种情况。在 WebStorm 2023.1 中,它现在也适用于Vue、Svelte、Astro和 Angular 模板。

React 道具的参数信息

我们添加了一种新方法来显示组件道具的预期类型。如果你按下 Ctrl+Pprops 传递给组件的地方,你会得到一个带有类型信息的弹出窗口。以前,此信息只能通过悬停获得,这对于以键盘为中心的用户来说很不方便。

Angular 的新特性

当您在 Angular 模板中工作时, WebStorm 会在代码完成时自动将全局和导出符号的导入添加到您的组件中。IDE 还NgoptimizedImage通过提供建议使用ngSrc而不是 srcfor 的检查来支持 Angular 15 指令img。

能够在文件夹中运行 Jest 测试

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

JavaScript 和打字稿

将字符串自动转换为模板文字

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

更好地优先排序导入库以进行自动导入

当从具有相同导出元素名称的不同库添加自动导入时,我们改进了 IDE 的行为。 现在根据项目中现有的导入添加自动导入。如果您需要为另一个库中的元素添加导入,则必须手动添加导入语句。WebStorm 将像以前的版本一样提供弹出窗口。

对齐 TypeScript 和 JavaScript 之间的导入行为

我们调整了 TypeScript 和 JavaScript 的导入行为。在 TypeScript 中, 您将在上下文操作中看到导入选项,就像在 JavaScript 中一样。您可以通过按 打开上下文操作 Alt+Enter。统一设置在 Preferences / Settings | 编辑| 一般 | 自动导入。

标记语言和 CSS

顺风 CSS 配置

在此版本中,我们添加了对配置选项的支持,例如选项下的自定义类名完成classAttributes,或像tailwindCSS.experimental.configFile. 您可以在Preferences / Settings |下设置这些配置选项。语言与框架 | 样式表 | 顺风 CSS。

配置 HTML 代码完成的选项

WebStorm 2021.3 引入了HTML 补全功能,可以 在您键入时显示标签名称或缩写。在 HTML 中输入纯文本时,此行为可能会分散注意力,因此我们添加了一个选项来禁用它。您可以在首选项/设置 |中找到新选项。 编辑| 一般 | 代码完成。

降价改进

您现在可以使用快速修复来更正 Markdown 表格的格式。此外,还有一个新的填充段落编辑器操作,可以轻松地将长文本分成几行等宽的行。最后,我们在 Preferences / Settings |下引入了专用的 Markdown 设置选项页面。编辑| 一般 | 智能钥匙。阅读 这篇博文以了解更多信息。

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

Preferences / Settings | 中有一个新选项 编辑| 代码风格 | 样式表 | CSS | 允许您 指定在 PostCSS 文件中使用哪种行注释样式的PostCSS。您可以使用 注释行Ctrl+/,它将使用您选择的行注释样式来完成。

新用户界面

改进了新的 UI

去年,我们为 WebStorm 和其他 JetBrains IDE引入了一个新的、更简约的 UI 。我们一直在根据您的反馈进一步完善新的 UI,并邀请您再试一次。您可以在首选项/设置 |中这样做 外观与行为 | 新用户界面。继续阅读以了解此版本中的关键 UI 更改。

新用户界面:工具窗口的垂直拆分

WebStorm 2023.1 允许您分割工具窗口的区域并排列它们,这样您就可以同时看到两个。将工具窗口图标从侧边栏拖放到分隔符下方。或者,您可以右键单击该图标并使用移动到 操作为工具窗口分配新位置。

新用户界面:精简模式

为了更轻松地在较小的屏幕上工作,我们引入了紧凑模式。它通过更精简的工具栏和工具窗口标题、缩小的间距和填充以及更小的图标和按钮提供了更统一的外观。要打开新模式,请转到查看 | 外观 | 主菜单中的 紧凑模式。

新 UI:macOS 上的项目选项卡

我们已经为新 UI 实现了最受欢迎的功能请求之一——适用于 macOS 用户的项目选项卡。当您打开多个项目时,您现在可以 使用主工具栏下方显示的 项目选项卡在它们之间切换。

新用户界面:重新设计的运行小部件

作为对我们收到的有关 IDE 新 UI 的反馈的回应,我们重新设计了主窗口标题中的“运行”小部件,以使其 不那么突兀,并且更美观。

新用户界面:重新实现了热门功能

我们添加了一些人们在新 UI 中缺少的热门功能。例如,Show Hidden Tabs选择器与Branches弹出窗口中的Fetch操作一起返回 。此外,我们通过隐藏主要工具栏元素并在范围内显示文件名, 对Distraction Free和Zen Modes 进行了改进。

用户体验

全IDE缩放

现在可以放大和缩小 WebStorm,一次增加或减少所有 UI 元素的大小。从主菜单中,选择 查看 | 外观 | 切换 Zoom IDE。您还可以 从那里通过ZoomCtrl+`按下并调整 IDE 的缩放比例。

记住每个工具窗口设置的大小

我们引入了一个新的布局选项,允许您 统一侧工具窗口的宽度或保留在自定义布局时调整其大小的能力。首选项/设置 |中提供了 新的 记住每个工具窗口大小复选框。外观与行为 | 外观 | 工具窗口。

设置为新项目配置保存操作

WebStorm 2023.1 添加了一个选项来预定义 新项目的保存操作行为。为此,转到 文件 | 新项目设置 | 新项目的首选项/设置 | 工具 | 保存时的操作 并选择在您将来的项目中保存更改时要触发的操作。

ML 驱动的类搜索

为了向您提供更相关和更准确的搜索结果,我们继续努力将机器学习排名集成到Search Everywhere ( Double Shift) 功能中。“类”选项卡中的排序算法现在也默认由机器学习提供支持,以及“操作”和“文件”选项卡中的结果。

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

我们添加了一个选项,可以将 复制-剪切-粘贴行为恢复 到早期版本的 WebStorm 中。这将允许您将 剪贴板内容粘贴到 caret 处,而不是将它们粘贴到前一行。此选项位于 首选项/设置 |中粘贴未选择复制的行时的下拉菜单 中。高级设置 | 编辑。

智能模式扫描文件索引

我们通过在智能模式下执行 Scanning files to index...过程改进了 IDE 启动体验,这应该会 减少因启动时等待索引而导致的延迟。当打开一个项目时,WebStorm 将使用该项目在前一个会话中的现有缓存,并寻找任何新文件来建立索引。如果 IDE 在扫描时没有发现任何变化,它就会准备就绪。

更改 Microsoft Defender 设置的建议

WebStorm 2023.1包含一个新通知,该通知在启用具有实时保护功能的 Microsoft Defender 时触发。WebStorm 建议将某些文件夹添加到 Defender 的排除列表中,因为这些防病毒检查会显着降低 IDE 的速度。

常用快捷键

1、Tab:自动补全

2、复制当前行:Ctrl+D

3、删除当前行:Ctrl+Y

4、注释或者取消当前注释:Ctrl+/

5、注释或者取消多行注释:Ctrl+Shift+/

6、同时编辑:Alt

按住Alt键,选中多个,可以同时进行编辑

7、包含关系:>

注意:必须具有包含关系才能用>操作

8、新建多个:*

注意:通常与>搭配使用

9、定位行号:Ctrl+G

下载地址

WebStorm2023官方中文版下载 v2023.1.4 附安装教程

普通下载通道:

热门关键词

分类列表