webstorm

WebStorm是一款功能全面的JavaScript集成开发环境，常用在现代前端与Node.js项目编写，智能代码补全、对 TypeScript、React、Vue等框架拥有原生级别的兼容，不需要额外配置，代码导航与结构视图清晰直观，大幅降低复杂项目的维护难度，减少切换带来的中断。

webstorm怎么调中文

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

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

3、选择 “Chinese(Simplified) Language Pack / 中文语言包”(提示：选择下载次数最多的那个)，点击 install 进行安装，安装完成后重启 WebStorm，汉化就完成了。

webstorm特点

1、包含 corepack 功能，这是一款处于试验阶段的 node js 工具。

2、能够在不进行安装的前提下使用 yarn 和 pnpm。

3、webpack 编码辅助会运用 webpack.config。

4、可以通过点击命令左侧的运行图标，直接从文件中执行这些命令。

5、设有列表创建功能和下拉菜单，能挑选标题样式，让 md 文件的格式化变得简单。

webstorm功能

1、Angular 支持有了提升。在 Angular 模板里，对严格模板类型检查的支持得到增强。同时，添加了对 v17 中新控制流语法的初步支持，以及对信号的支持，像 signal、computed 和 effect 等实时模板都包含在内。Alt+Enter 也新增了一些快速修复功能，比如能从组件模板创建 @Input 和 @Output 属性。

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

3、Vue 3 方面有改进。添加了对 defineSlots 的支持，为 slot 名称和属性提供补全、导航以及重命名重构功能。带有 defineExpose 的属性现在也能进行补全。而且，组件必需的 import 会依据 defineOptions 函数指定的名称来添加。

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

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

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

7、HTML 到 JSX 单一标记可自动闭合。现在把 HTML 代码粘贴到 JSX 文件中时，不仅会转换特性，还会自动闭合单一标记。可以在 Settings | Editor | General | Smart Keys | JavaScript(设置 | 编辑器 | 常规 | 智能按键 | JavaScript)下配置这个选项。

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

webstorm亮点

1、专门为 JavaScript 设计。还在为 JavaScript 开发中最棘手的部分寻找可靠工具吗?10 多年来，一直在不断优化，让编码过程更有乐趣。不管是使用 JS、TS、React、Vue、Angular、Node.js、HTML 还是各种样式表，WebStorm 都能应对。

2、拥有最智能的编辑器。能深入理解项目结构，在编写代码的各个环节提供帮助。它会自动补全代码、检测错误和冗余并给出修复建议，还能帮助安全地重构代码。

3、内置开发者工具。在 IDE 中工作的优势之一，就是能在一个地方获得所有必要工具。可以在其中调试和测试客户端及 Node.js 应用，还能利用版本控制。充分使用已与 IDE 集成的 linter、构建工具、终端和 HTTP 客户端。

4、具备快速导航和搜索功能。不管项目规模多大，都能更快地浏览代码。可以查找文件、类或符号，在一个地方查看所有匹配条目。只需点击几次，就能跳到任何函数、方法、变量、组件或类的定义，并找到它们的用法。

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

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 + '.'：折叠选中的代码。