IDEA 这次大发善心：这些核心功能免费了！

爱一件事 是成全自己的独立和成长

爱一个人 是成全对方的独立和成长

📢 重磅消息

现代 后端 开发往往离不开 Web 技术。为了让这一工作流程更加便捷和顺畅，JetBrains 宣布从IDEA 2026.1 开始，将原本仅限 Ultimate 订阅用户使用的核心 JavaScript、TypeScript、HTML 和 CSS 功能免费开放给所有用户！

IntelliJ IDEA JS/TS 免费功能

🎯 一、React 支持

构建现代 Web 应用的完整功能集

版本对比：2026.1 vs 之前版本

Before vs 2026.1 对比

从上图可以看到，2026.1 版本在 TypeScript 文件中提供了更智能的参数提示和代码补全功能。

同时，也是我最喜欢的一点是，IDEA 还打通了前后端的自动补全，为了在网页应用的后端和前端部分编写更快速、更少错误的代码。

在这里插入图片描述

代码跳转也更加丝滑

在这里插入图片描述

💡 二、代码智能与代码质量

内置智能工具提升代码质量

✅ 核心 Web 重构功能
   - 可靠的重命名重构
   - 引入变量/常量
   - 更改签名
   - 移动成员等

✅ 质量控制
   - 内置检查、意图和快速修复
   - 编码时获得改进建议

TypeScript 代码样式设置

TypeScript 代码样式设置

在 Editor > Code Style > TypeScript 中可以自定义各种代码格式规则。

🔧 三、集成工作流

在单一环境中管理、维护和保护 Web 项目

使用内置的 Vite 生成器

React 代码补全示例

React 代码补全

在编写 React 组件时，IDE 会自动提供 CSS 类名的智能补全建议。

文档快速查看

文档查看功能

鼠标悬停即可查看 API 文档，支持链接到 Mozilla Developer Network 等官方资源。

📦 项目配置示例

package.json 配置

TypeScript 项目配置文件在 IDE 中有完整的支持和验证。

现在可以直接从 package.json 文件中运行 NPM 脚本。

在这里插入图片描述

🎉 总结

IDEA 2026.1 的这一更新让 后端 + Web 全栈开发 变得更加高效丝滑，在有些方面的效率已经超过了使用 vscode 的方式。 值得大家伙都去尝试一下这种丝滑的全栈开发体验。