webstorm2023官方版 v2023.3.8

webstorm2023官方版是著名软件开发公司JetBrains专门打造的一款JavaScript开发工具，被广大JS开发誉为“web前端开发神器”。该软件的功能十分丰富，为用户提供了非常多的实用功能，例如自动完成、错误突出显示、重构、调试、版本控制等，这些功能能够很好的帮助开发者提高代码质量以及工作效率，非常的方便实用。同时，webstorm2023官方版还支持HTML、CSS、JavaScript、TypeScript、React、Angular、Vue.js 等多种前端技术，让开发者拥有更多的选择。

总而言之，webstorm2023是为一款专门为前端开发者打造的IDE，无论您是初学者还是经验丰富的开发者，WebStorm都可以成为您开发前端应用程序的最佳伙伴，有需要的朋友快来下载体验吧！！！

软件特点

1、支持corepack，这是一个实验性的节点js工具；

2、允许您在不安装的情况下使用yarn和pnpm；

3、webpack编码帮助将使用webpack.config；

4、允许您通过单击命令左侧的run图标直接从文件运行这些命令；

5、提供列表创建和下拉菜单，允许您选择标题样式，容易格式化md文件

webstorm2023新功能

改进的 Angular 支持

我们在 Angular 模板中改进了对严格模板类型检查的支持。 我们还添加了对 v17 中新控制流语法的初步支持和对信号的支持，包括 signal、computed 和 effect 等实时模板。 Alt+Enter 也提供了新的快速修复。 例如，您可以从组件模板创建 @Input 和 @Output 属性。

对 Svelte 插件的更新

我们添加了对 TypeScript 插件的内置支持，为 Svelte 项目中的 TypeScript 文件提供一致的高亮显示和快速文档。 我们实现了一种更稳定的自动导入组件的方式，它可以在补全、复制粘贴以及按 Alt+Enter 时运行。 我们还改进了对 context="module" 脚本导出的支持，并扩展了对零努力类型安全的支持，覆盖 Svelte 文件以及 TypeScript 文件。

针对 Vue 3 的改进

我们添加了对 defineSlots 的支持，为 slot 名称和属性提供补全和导航，以及重命名重构。 补全现在也适用于带有 defineExpose 的属性。 此外，组件的必需 import 将根据 defineOptions 函数指定的名称添加。

Cypress 和 Playwright 支持

WebStorm 将自动检测 Cypress 和 Playwright 测试，然后让您一键运行和调试。 支持还包括通过浏览测试树探索结果和发现问题的功能。 您可以使用 Test Automation 插件扩展支持，获得嵌入式浏览器和高级代码洞察。

对 Node.js 测试运行程序的初步支持

我们还添加了对原生 Node.js 测试运行程序的支持。 使用 node:test API 声明的测试已可识别，您可以通过装订区域图标运行和调试它们。 我们计划在下一个版本中实现更多改进来扩展支持。

针对 TypeScript 的改进

WebStorm 2023.3 解决了添加 import type 语句时出现的不一致。 我们添加了用于在导入类型时配置 TypeScript import type 语句或类型说明符的用法的选项。 我们还为 TypeScript 文件改进了 package.json 的 exports 字段的行为。

HTML 到 JSX 单一标记闭合

现在，将 HTML 代码粘贴到 JSX 文件中时，它不仅会转换特性，还会自动为您闭合单一标记。 您可以在 Settings | Editor | General | Smart Keys | JavaScript（设置 | 编辑器 | 常规 | 智能按键 | JavaScript）下配置此选项。

CSS 自定义 @property 支持

我们一直在关注引入了 CSS 自定义 @property 的 Interop 2023 计划的更新。 WebStorm 2023.3 支持属性的检查和补全。

webstorm怎么调中文？

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

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

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

webstorm快捷键

1、Ctrl + Shift + n：打开工程中的文件，目的是打开当前工程下任意目录的文件。

2、Ctrl + j：输出模板

3、Ctrl + b：跳到变量申明处

4、Ctrl + Alt + T：围绕包裹代码(包括zencoding的Wrap with Abbreviation)

5、Ctrl + []：匹配 {}[]

6、Ctrl + F12：可以显示当前文件的结构

7、Ctrl + x：剪切(删除)行，不选中，直接剪切整个行，如果选中部分内容则剪切选中的内容

8、Alt + left/right：标签切换

9、Ctrl + r：替换

10、Ctrl + Shift + up：行移动

11、Shift + Alt + up：块移动(if(){},while(){}语句块的移动)

12、Ctrl + d：行复制

13、Ctrl + Shift + ]/[：选中块代码

14、Ctrl + /：单行注释

15、Ctrl + Shift + /：块注释

16、Ctrl + Shift + i：显示当前CSS选择器或者JS函数的详细信息

17、Ctrl + '-/+'：可以折叠项目中的任何代码块，它不是选中折叠，而是自动识别折叠。

18、Ctrl + '.'：折叠选中的代码的代码。

软件亮点

1、专门针对 JavaScript 打造

是否在为 JavaScript 开发中最棘手的部分寻找值得信赖的工具？10 多年来，我们一直在优化，使编码体验更加有趣。无论您是使用 JS、TS、React、Vue、Angular、Node.js、HTML 还是各种样式表，WebStorm 都能满足您的需求。

2、最智能的编辑器

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

3、内建开发者工具

在 IDE 中工作的好处之一是在一个地方获得所有必要工具。使用调试和测试您的客户端和 Node.js 应用，并利用版本控制。充分使用 linter、构建工具、终端和 HTTP 客户端，这些均已经与 IDE 集成。

4、快速导航和搜索

无论您的项目有多大，都可以更快地浏览代码。查找文件、类或符号，并在一个地方查看所有匹配条目。只需点击几次，即可跳到任何函数、方法、变量、组件或类的定义，并找到其用法。

5、高效的团队合作

由于所有关键功能均预打包，您可以更快速地对新团队成员进行入职培训。实时合作编码，并直接在 IDE 中与他人交流。共享您的项目配置，包括代码样式设置，并高效使用 Git 和 GitHub。

更新日志

v2023.3.8版本

Angular、Svelte 和 Vue 支持改进，AI Assistant，针对 TypeScript 的更新，以及对 Cypress、Playwright 和 Node.js 原生测试运行程序的支持。