WebStorm官方版是JetBrains公司旗下一款JavaScript开发工具,被誉为Web前端开发神器、最强大的HTML5编辑器。该软件的代码编辑器具备多种特性,包括代码自动补全、代码导航、代码重构、代码格式化、代码折叠、代码注释以及代码模板等,这些功能都能极大地提高开发者的编码效率。此外,还支持创建新的三大框架项目,并允许开发者选择合适的语言和项目管理工具。
作为一款集成开发环境,WebStorm官方版专注于为JavaScript和相关技术提供全面的支持。它会自动处理常规工作,使开发者能够更高效并专注于更具创造性的任务。同时,WebStorm还能随时检测程序中的错误并快速修复,这对于提升工作效率和保证代码质量都是非常有帮助的。
一、框架和技术
1、增强的文件系统路由支持
WebStorm 2024.2 能够为使用基于文件系统的路由的框架解析路径。它可以根据项目的文件系统解析链接路径,为 Next.js、Nuxt、SvelteKit 和 Astro 提供自动补全和导航。这将确保您的开发环境匹配这些框架采用的路由场景。
2、对 Bun 的初始调试支持
我们通过调试适配器协议 (DAP) 添加了对 Bun JavaScript 运行时的调试支持。您可以在 WebStorm 内设置断点、逐步执行代码、检查变量以及对表达式求值。此支持目前仅限于 macOS 和 Linux。
3、Prettier 集成默认启用
在 WebStorm 2024.2 中,Prettier 集成会在新项目中启用,它们的根 package.json 中具有直接 prettier 依赖项,并且在同一级别具有 Prettier 配置文件。这项功能简化了设置流程并确保 Prettier 集成开箱即启用。
4、补全弹出窗口中的 Tailwind CSS 预览
我们在 WebStorm 2024.2 中增强了 Tailwind CSS 类预览。此前,预览仅在二级文档弹出窗口中显示。WebStorm 现在直接在补全结果列表中显示 Tailwind CSS 类预览。
5、对 Svelte 5 代码段的支持
WebStorm 2024.2 包括对新 Svelte 代码段和渲染标记的支持。这些代码段将在组件内创建可重用标记区块。
6、Astro LSP
我们启用了 Astro 语言服务器协议 (LSP) 支持,这将提升代码补全和整体开发者体验。这项增强可以确保在处理 Astro 项目时实现更准确、更高效的开发,并在 IDE 内提供更好的集成和支持。
7、增强的 Vue 支持
WebStorm 2024.2 引入了 Vue Language Service v2 支持。此更新增强了对 Vue 3 的支持,改进了自动补全、错误检查和类型推断。享受由最新版本的 Vue 语言工具和内置 WebStorm 支持带来的更流畅开发体验。
二、JavaScript 和 TypeScript
1、直接运行 TypeScript 文件
现在,运行和调试 TypeScript 文件无需任何额外设置。您可以从不同的入口点执行 TypeScript 文件,包括文件上下文菜单、Run(运行)微件,甚至 Current File(当前文件)配置。
2、适用于 JavaScript 和 TypeScript 的项目生成器
WebStorm 2024.2 增强了 New Project Wizard(新建项目向导),添加了创建基本 JavaScript 和 TypeScript 项目的选项。Generate a playground project with onboarding tips(生成带有入门提示的演练场项目)选项包含提示注释,可以帮助您熟悉 IDE。
3、TypeScript 5.5 支持
WebStorm 2024.2 添加了对 TypeScript 5.5 中 configDir 模板变量的支持。这项增强改进了 TypeScript 项目的灵活性和可配置性。
4、TypeScript 文件中重做的嵌入提示
我们重做了 TypeScript 中的嵌入提示,与 TypeScript 服务提供的信息更加一致。
三、用户体验
1、Markdown 文件中的数学语法支持
WebStorm 现在可以在 Markdown 文件中渲染数学表达式。您可以使用 $ 插入内联数学表达式,使用 $$ 插入包含数学内容的代码块。
2、AI Assistant 改进
JetBrains AI Assistant 2024.2 引入了增强的代码补全,提供更准确、更快速的建议。AI 聊天现在支持 GPT-4o、聊天引用和语义搜索,带来更好的上下文理解。
3、Search Everywhere(随处搜索)中的预览选项
Search Everywhere(随处搜索)对话框现在增加了一个选项,用于预览您正在搜索的代码库元素。您可以通过对话框工具栏上的图标启用预览。
4、捆绑的本地化插件
WebStorm 发行版现已捆绑中文、韩语和日语语言包。如果您想更改 IDE 的 UI 语言,您不必安装本地化插件。转到 Settings | Appearance & Behavior | System Settings | Language and Region(设置 | 外观与行为 | 系统设置 | 语言和地区),然后选择您的首选语言。
5、新 UI 成为所有用户的默认选项
新 UI 最初在 WebStorm 2022.3 中引入。经过我们的不断改进,现在,新 UI 将成为所有 WebStorm 用户的默认设置。
6、JetBrains Runtime 21
WebStorm 配备了 JetBrains Runtime 21,后者提供了增强的安全性和性能,以及对 Linux 的 Wayland 渲染支持。
四、版本控制
1、Log(日志)标签页中改进的提交图
我们优化了 Git 工具窗口 Log(日志)标签页中提交图的颜色编码和布局。重要的分支行现在始终位于图表左侧,并维持其指定颜色,更易识别和跟踪。
2、增强的 Log(日志)工具窗口
现在,与 Log(日志)工具窗口相关的所有设置都整合到一个专属设置页面,这样一来,可以在一个位置轻松自定义行为。您可以通过 Settings | Version Control | Log(设置 | 版本控制 | 日志)或 Log(日志)工具窗口工具栏上的新下拉菜单访问此页面。
3、--first-parent 和 --no-merges 支持
WebStorm 2024.2 包括对 --first-parent 的支持。这个选项通过隐藏合并附带的个别提交来简化日志,使更改更易跟踪。我们还添加了使用 --no-merges 命令的筛选,显示没有任何合并提交的历史记录。
1、进入软件之后选择下方设置,然后在搜索栏输入Chinese,点击安装
2、下载完成后,点击重启软件
3、最后在进入软件就可以看到页面已经变成中文啦
1、可自定义的 UI
WebStorm 附带了一些预定义主题,但是有多种自定义选项可供选择。 您还可以切换许多 UI 元素的可见性并更改其位置,甚至可以切换到 Zen 模式以专注于您的编码工作。
2、按键映射
为了帮助您保持生产力,WebStorm 几乎为每项操作都提供了快捷键。 您可以使用预定义的键盘布局,也可以创建自己的键盘布局。 按键映射包括 VS Code 和 Sublime Text 等
3、插件
扩展 IDE 的核心功能,以及在现有功能的基础上添加更多自定义选项。 访问我们的 JetBrains Marketplace 发现所有可用的 WebStorm 插件。
4、Vim 集成
使用 IdeaVim 插件将 Vim 式功能添加到 IDE。 功能包括正常、插入和可视模式、运动键、删除和更改、标记等。 访问我们的博客,以便着手使用。
5、无障碍功能
WebStorm 包含旨在满足您的无障碍需求的功能。 您可以灵活调整工具窗口大小、编辑器中的文本大小,自定义颜色,个性化快捷键等。 除了这些功能之外,还提供对屏幕阅读器的支持。
6、设置同步
您可以在 JetBrains IDE 之间共享设置,获得一致且熟悉的工作环境。 您可以选择要同步的设置,包括 UI、代码与系统设置、按键映射、插件和工具。
64 位 Windows 10 1809 及更高版本,或 Windows Server 2019 及更高版本
最低 2 GB 可用 RAM 和 8 GB 系统总 RAM
3.5 GB 硬盘空间,推荐 SSD
最低屏幕分辨率 1024x768
v2024.2.2版本
增强的文件系统路由支持、对 Bun 的初始调试支持、直接运行 TypeScript 文件,以及针对版本控制系统的多项改进。
网友评论