Web Development

PyCharm 2026.1 中扩展了对核心 Web 开发的支持

Read this post in other languages:

在 PyCharm 2026.1 中,核心 IDE 体验继续进化,我们现在向所有用户免费提供更广泛的专业级 Web 工具集。从初学者到后端优先开发者,所有用户现在都可以使用大量之前仅向 Pro 订阅用户开放的 JavaScript、TypeScript 和 CSS 功能。

React、JavaScript、TypeScript 和 CSS 支持

在 PyCharm 中利用一套全面的现代 Web 语言编辑和格式设置工具,包括:

  • 基本的 React 支持,包含代码补全、组件与特性导航,以及 React 组件和属性重命名重构。
  • 高级 import 管理
    • 在工作时自动导入 JavaScript 和 TypeScript。
    • 通过 Optimize imports(优化 import)功能合并或移除不必要的引用。
    • 将代码粘贴到编辑器时自动获取所需 import。
  • 增强样式:访问为 CSS 定制的代码补全、检查和快速修复,并通过内置 Web 预览实时查看任何更改。
  • 智能编辑器行为:利用专为 Web 开发设计的智能按键、代码视觉嵌入提示和后缀代码补全。

导航和代码智能

借助以下工具,在 Web 项目中导航现在更加高效:

  • 专业级导航:使用 Jump to…(跳转到…) 操作、递归调用和 TypeScript 源映射的专用装订区域图标。
  • 核心 Web 重构:通过可靠的 Rename(重命名)重构和操作(Introduce variable(引入变量)、Change signature(更改签名)、Move members(移动成员)等)执行重要代码更改。
  • 质量控制:通过专业级检查、意图和快速修复保持高代码标准。
  • 代码清理:通过 JavaScript 和 TypeScript 重复检测识别冗余代码块。

框架和集成工具

随着添加对一些最受欢迎的前端框架和工具的基本支持,您将可以获得:

  • 项目初始化:使用内置 Vite 生成器快速创建新的 Web 项目。
  • 标准工具:集成了对 Prettier、ESLint、TSLint 和 StyleLint 的支持,实现代码质量标准化。
  • 脚本管理:直接通过您的 package.json 发现并执行 NPM 脚本。
  • 安全:检查项目依赖项是否存在安全漏洞。

我们很高兴将这些经过实战检验的功能免费引入核心 PyCharm 体验! 我们相信这些工具将帮助初学者、学生和爱好者在一个功能强大的 IDE 中完成实际任务。最重要的是,核心 PyCharm 可用于商业和非商业项目,因此可以在您从学习到专业开发的过程中伴您成长。

本博文英文原作者:

Ilia Afanasiev

Ilia Afanasiev

Discover more