WebStorm 是一款JavaScript开发工具，被誉为最强大的HTML5编辑器以及最智能的JavaSscript IDE，WebStorm带来了全新的功能和界面，并拥有代码补全、代码格式化、html提示、代码联想查询、代码重构以及代码调试等多种功能。

软件地址：看置顶贴 

WebStorm最新版特色

1、新的欢迎屏幕

我们已经更新了欢迎屏幕!您不仅可以从中打开和创建项目，还可以调整最常用的设置，例如IDE主题和字体。

2、标签的改进工作

我们使用标签更加方便。现在，您可以通过拖放选项卡或使用新的“ 在右侧拆分中打开”操作来拆分编辑器 。此外，现在，固定的选项卡都带有特殊图标标记，并显示在选项卡栏的开头，因此您可以更快地找到它们。

3、使用WebStorm打开的文件

现在，使WebStorm默认打开特定文件类型非常简单。转到 首选项/设置| 编辑| 文件类型，然后单击将 文件类型与WebStorm关联。

4、支持Tailwind CSS

WebStorm现在可以帮助您更高效地使用Tailwind CSS!它将自动完成Tailwind类，在鼠标悬停时向您显示生成的CSS预览，并支持您使用tailwind.config.js文件进行的自定义。

5、根据用途创建React组件

您的代码中有未解析的React组件吗?将插入符号置于其上，按 Alt+Enter，然后从列表中选择Create class / function component -WebStorm将为您创建相关的代码构造。

6、Markdown编辑和预览改进

Mermaid.js支持，重新格式化.md文件的功能以及预览窗格和编辑器的自动滚动–这些和其他更改将显着改善WebStorm中Markdown文件的使用体验。

7、全面支持pnpm

WebStorm现在完全支持pnpm软件包管理器以及npm和yarn。在过去的一年中，我们一直在逐步实施对pnpm支持的改进。我们已经完成了画龙点睛的工作。

8、集成的TypeScript和问题工具窗口

我们已经将TypeScript语言服务集成到“问题”工具窗口中，并删除了TypeScript工具窗口。我们进行了此更改，以便更轻松地 从一个位置查看代码中的问题。我们还将之前在TypeScript工具窗口中可用的动作移至状态栏上的专用小部件。

9、使用CSS和HTML更好地格式化模板文字

WebStorm将正确支持包含JavaScript的多行CSS和HTML块的代码格式。当您添加这些更复杂的模板文字或重新格式化代码时，IDE将正确缩进。

10、改进的调试体验

调试时使用交互式提示和嵌入式监视!现在，您可以单击提示以查看属于变量的所有字段。此外，您可以直接从提示中更改变量值并添加监视表达式。

11、支持我们的协作开发工具

WebStorm支持 Code With Me(EAP)，这是我们用于协作开发和结对编程的新工具。此工具使您可以与其他人共享项目，以便可以实时一起处理它们。要尝试Code With Me，请从“首选项/设置” | “设置”中安装相应的插件。插件。

12、内置的WebStorm基础培训课程

为了帮助您熟悉WebStorm的关键功能，我们开发了一个交互式培训课程。本课程可以帮助您学习完成一些常见任务，例如重构代码或浏览项目。您可以在“欢迎”屏幕上的“学习WebStorm”选项卡下找到它，也可以转到“帮助” |“发现”。 从主菜单中选择IDE Features Trainer。

13、HTTP客户端中的cURL转换

现在，您可以通过按下HTTP请求编辑器并选择“转换为cURL并复制到剪贴板”选项，将HTTP请求导出到cURL。 Alt+Enter

14、更好的拼写和语法检查

现在，您可以更快地解决语法和拼写问题-将鼠标悬停在问题上，将弹出一个带有说明和建议修复程序的弹出窗口。我们还增加了对更多语言的支持，并提高了语法检查的质量。

15、更有用的导航栏

使用导航栏(可快速替代项目视图)，您可以轻松浏览项目的结构并打开特定文件。我们还可以跳转到JavaScript和TypeScript文件中的特定代码元素。

16、快速文件预览

最后，您可以通过在“ 项目”视图中选择文件来在编辑器中预览文件!要启用此功能，请在“项目” 视图中单击齿轮图标，然后选择“启用预览选项卡”和“单击打开文件”。

17、随处搜索功能更强大

在Shift+Shift弹出现在可以让你做更多。首先，您可以使用它进行基本数学运算-结果将立即显示在弹出窗口中。它还将允许您查找Git数据，包括有关分支和提交的详细信息。除此之外，所有发现现在都基于与搜索查询的相关性而不是其类型进行分组。

安装步骤

第一步：双击运行Webstorm安装程序，打开Webstorm安装包。

第二步：点击next，点击【自定义安装】按钮选择安装目录。

第三步：单击【安装】开始安装以后即可开始安装。

第四步：安装完成点击【finish】即可打开Webstorm。

常见问题

怎么修改字体

打开WebStorm，点击并打开“Colors & Fonts”，找到“Font”

这时，查看窗口右侧，找到你刚刚输入的那个命名，在找到Size选项，直接在Size后的窗口中输入数字即可

未熟透的杏子，酸味比较重，食用它，还是需要一点勇气的。

出林杏子落金盘，齿软怕尝酸。

可惜半残青紫，犹有小唇丹。

南陌上，落花闲，雨斑斑。

不言不语，一段伤春，都在眉间。

——宋·周邦彦《诉衷情·出林杏子落金盘》

从林间采摘下杏子，放在金色的盘子上，牙齿酸软，不敢再吃了。半边残杏上，还留着少女的朱唇印。南边的田野小路上，遍地落花，雨迹斑斑，就这样送走了春天。少女见此情景，不由得勾动了心事，却又无法诉说，不言不语，却蹙起了蛾眉，嘴里酸酸，心底亦酸啊！

当然，成熟后的杏子，还是很美味的，也是初夏时节最令人喜爱的水果之一。

散发村桥外，庭深夏木凉。

知音兼竹肉，爱客强壶觞。

入馔蒲根白，堆盘杏子黄。

芰荷开近席，坐久不闻香。

——清·申涵光《野人留酌》

约上三五好友，披散着头发，来到村边桥外，庭木深深，夏意幽凉。摆上了吃食，倒上了美酒，白色的蒲根，金黄的杏子堆满了盘子。晚风送来荷花的香气，坐得久了，却觉得那香气若有若无，竟似闻不到了。