jetbrains webstorm 2024苹果电脑版 v2024.3.4官方版

智能摘要

JetBrains WebStorm 2024 苹果电脑版是专为 Mac 平台打造的一款强大 JavaScript 开发工具。它具备智能代码补全、代码格式化、HTML 提示、联想查询、代码重构、调试及结构浏览等诸多实用功能。智能代码补全支持不同浏览器提示，涵盖用户自定义函数，代码补全库包含 JQuery、YUI 等流行库。

目前，WebStorm 2024 不仅功能强大，操作还十分便捷，是 Mac 平台前端开发者的优质编程工具，能有效提升 JavaScript 代码编写、调试和优化的效率，保障代码质量，快来下载体验吧。

jetbrains webstorm 2024.3.3新功能

一、关键亮点

1、框架组件导航与重命名优化：增强了 Vue、Svelte 和 Astro 组件的编辑器内提示。“显示组件用法”操作可在 import 和标记模板中查找用法，还新增筛选器排除组件用法。“重命名”重构在重命名组件文件时会包含用法。

2、数据库工具与 SQL 内置支持：此前需付费插件的数据库工具和完整 SQL 支持，现已与 WebStorm 捆绑，无需额外付费，可直接在 IDE 中进行数据库查询、创建和管理，拓展后端和全栈开发能力，方便在 JetBrains IDE 间切换。

3、AI 辅助代码补全升级（付费）：解决了 AI Assistant 质量的主要问题，改进 JavaScript 和 TypeScript 代码补全，新增 HTML 和 CSS 支持。结合本地整行建议与 JetBrains 内部 LLM 的云建议，提升速度和准确性，减少无关建议。

二、框架和技术

1、Tailwind CSS 类颜色预览：编辑器内可内联显示 Tailwind CSS 类的颜色预览，支持语言服务器协议 (LSP) 的 textDocument/documentColor 方法，基于 LSP 的插件可直接提供该功能。

2、Angular 功能改进：对于采用 Angular 19 的项目，组件、指令和管道默认设为独立模式，新增快速修复帮助独立与非独立组件转换，可自动移除未使用的独立 import，改进 @let 语法支持。

3、子文件夹 .prettierignore 处理：WebStorm 能正确处理含 package.json 子文件夹中的 .prettierignore 文件，避免对忽略文件进行格式设置，还可在设置中指定自定义忽略文件。

4、捆绑 Vue 语言服务器：Vue 语言服务器与 WebStorm 捆绑，增强可靠性，防止 WSL 加载问题，未来计划对 Svelte、Astro 等技术做同样改动。

5、Svelte 功能增强：支持 <script module> 特性，确保块中符号正确解析，新增复选框可禁用 SvelteKit a11y 警告，方便控制无障碍功能警告。

6、package.json 导出 CSS 支持：支持 package.json 中 CSS、Sass、SCSS 和 Less 的 exports 字段，若样式通过 package.json 导出，不再显示未解析变量警告。

7、Windows Bun 调试支持：此前仅 macOS 和 Linux 可用的基本 Bun 调试，现 Windows 也支持，可在 WebStorm 内设置断点、逐步执行代码、检查变量和求值。

三、用户体验

1、重命名操作位置优化：优化 Rename 操作在编辑器和项目工具窗口元素上下文菜单中的位置，使其位于顶层，方便快速重命名文件、变量等。

2、目录搜索结果清晰化：在项目目录使用“在文件中查找”时，默认排除 node_modules 结果，减少无关文件干扰，可在设置中恢复原搜索行为。

3、所选文本匹配项高亮：默认自动高亮文件中所选文本的所有实例，便于跟踪文本位置，可在设置中自定义该功能。

4、.idea 目录默认显示：将原本默认隐藏的 .idea 文件夹在项目工具窗口设为可见，方便用户提交项目级配置。

5、生成文件识别优化：自动排除 dist 文件夹中多余文件的索引，优化 CPU 使用率，缩短索引编制时间。

6、WSL 项目支持提升：提高 WSL 上项目在 IDE 中的可靠性，新增符号链接支持，切换与 WSL 交互为 Hyper - V 套接字，提升性能。

7、索引编制时功能可用：打开或更新项目编制索引时，Search Everywhere (Shift + Shift) 可用于已编入索引部分，附带拼写和语法检查。

四、集成式开发者工具

1、后台预提交检查禁用选项：可在设置中管理提交过程的后台检查，决定提交后是否运行测试和检查，可禁用该选项等待检查完成。

2、Docker Compose 构建特性新增：增加对新 Docker Compose 特性的支持，提升 Docker Compose 构建、资源管理、服务编排和网络控制能力，提高开发效率和灵活性。

3、Dev Container 模板兼容性改进：改进 Dev Container 模板兼容性，解决非远程优化模板在远程 Docker 实例运行的问题，确保其正常运行。

软件功能

一、代码编辑

可直接使用开箱即用的 JavaScript 和 TypeScript 开发工具进行编码。

代码补全：输入时显示相关关键字和符号建议，加快编码速度。建议具备上下文和类型感知能力，跨语言运行，如 CSS 类名可在 .js 文件中补全，还有机器学习支持。

代码质量分析：能轻松检测代码中的错误和拼写错误，包含数百项受支持语言检查及内置拼写和语法检查程序，与 Stylelint 和 ESLint 集成。输入时自动检查代码，高亮显示问题并提供快速修复选项。

安全重构：可在整个代码库安全重构代码，重命名文件、文件夹和符号，提取组件、方法或变量，WebStorm 会提示潜在问题。

快速文档：无需离开 IDE，将鼠标悬停或光标置于符号上按 Ctrl + Q 可查看文档信息，还能在方法和函数调用中显示形参提示。

内置 HTML 预览：可直接在 WebStorm 中预览静态 HTML 文件，文件更改保存后预览自动重新加载。

效率提升功能：具备多重文本光标、行编辑操作和重复代码检测等功能，提高编码速度。

二、导航和搜索

随着项目规模和复杂性增加，可节省代码库移动时间。

随处搜索：使用 Search Everywhere (Shift + Shift) 弹出窗口可查找 IDE 操作、文件、类、符号或文本字符串，集中查看匹配条目。

代码导航：将光标置于变量、字段、方法或其他符号处按 Ctrl + B，可快速导航到符号声明并查看其在项目中的用法。

项目导航：可浏览项目文件，在最近文件或代码修改部分跳转，支持标签页或快捷键导航。

文件搜索：使用专属文本字符串搜索，可在特定文件和整个项目内查找和替换文本，可通过项目作用域和筛选器缩小搜索范围。

三、集成开发者工具

可轻松解决 Git 合并冲突、运行和调试单元测试等日常任务。

本地历史：内置本地历史可跟踪项目文件更改，即使未使用版本控制也能回滚更改。

JavaScript 调试：可在编辑代码处直接运行和调试客户端与 Node.js 应用程序，支持添加断点、逐步执行程序、设置监视等操作。

单元测试：可使用 Jest、Mocha、Protractor 和 Vitest 编写、运行和调试单元测试，在树状图查看测试结果，直接导航到测试源代码，部分工具还可查看代码覆盖率报告。

软件亮点

1、支持使用 Prettier 格式化所选代码段、文件或目录，可配置为保存时自动运行 Prettier 并设为默认格式化程序。

2、可在 Docker 容器中运行和调试应用程序，在 IDE 内下载和构建镜像，使用 Docker Compose 运行多容器应用程序。

3、内置终端让用户无需离开 IDE 即可使用命令行 shell，支持从命令行导航到文件，且命令与操作系统兼容。

4、集成 HTTP 客户端，可在编辑器中创建、编辑和运行 HTTP 请求，并与团队共享。

5、与 npm、Yarn 和 pnpm 集成，可在 IDE 内使用首选软件包管理器安装、查找、更新和移除软件包。

6、AI Assistant 可分析代码和文档，为代码生成测试，还能编写声明文档。

系统要求

macOS 12.0 及更高版本

最低 2 GB 可用 RAM 和 8 GB 系统总 RAM

3.5 GB 硬盘空间，推荐 SSD

最低屏幕分辨率 1024x768

更新日志

v2024.3.4 版本

此版本解决了多个持续存在的问题并改进了先前引入的功能。主要改进包括增强的框架组件导航和重命名、内置数据库工具和 SQL 支持，以及更出色的 AI 驱动代码补全。