如何从其他 JetBrains IDE 迁移到 WebStorm
本节将解答您作为其他 JetBrains IDE 用户可能遇到的常见问题,以帮助您更快速上手。
WebStorm 与其他 JetBrains IDE 有哪些共同点?
JetBrains IDE 具有许多共同点,因此如果您有任何一款的使用经验,您已经完成了使用 WebStorm 上手流程的一半。 以下是 在我们所有的 IDE 中外观和功能一致的内容:
键位绑定—— 所有 JetBrains IDE 使用相同的 keymap 集合,因此您无需从头记忆所有快捷键。 如果您有自定义 keymap,可以 将其迁移到 WebStorm。
用户界面—— 所有 JetBrains IDE 在外观和交互上具有一致性,因为它们均基于 IntelliJ Platform。 某些定制项可能是特定于某款 IDE 及其目标用户的,但通常影响很小。
集成开发工具—— 大多数内置功能在所有 JetBrains IDE 中的工作方式相同。 包括版本控制集成、终端、协作与远程开发功能、HTTP client、TODO、Docker 等。
面向 JavaScript、TypeScript 及相关技术的功能—— IntelliJ IDEA Ultimate、PhpStorm、PyCharm Professional、GoLand、Rider、RubyMine、RustRover 和 CLion 提供与 WebStorm 相同的 JavaScript 开发功能。 这些功能可以开箱即用,也可通过免费插件获取。 我们专为测试自动化设计的 IDE —— Aqua,仅包含 JavaScript 与 TypeScript 的基础功能,不支持 Vue、Angular、Tailwind CSS 等框架。
WebStorm 与其他 JetBrains IDE 有何不同?
以下是 WebStorm 与其他 JetBrains IDE 的一些不同之处:
特定于 JavaScript 和 TypeScript—— 如果您主要从事前端工作,WebStorm 是理想选择。 与其他 JetBrains IDE 不同,它未提供对其他后端语言的广泛支持。
简化的项目模型—— 这一更精简的功能集,使 WebStorm 拥有更简化的项目模型。 例如,WebStorm 不采用 IntelliJ IDEA 中的模块概念,也不如 PhpStorm 那样要求启动前配置解释器。
如果想深入比较差异,请查看以下对比页面: WebStorm vs. IntelliJ IDEA Ultimate、 WebStorm vs. PhpStorm、 WebStorm vs. PyCharm Pro、 WebStorm vs. Rider、 WebStorm vs. GoLand、 WebStorm vs. RubyMine、 WebStorm vs. CLion、 WebStorm vs. Aqua。
WebStorm 支持哪些技术?
您可以在 此页面 查阅支持技术的详细列表及对应教程。
常规技巧与提示
在 JetBrains IDE 之间同步设置
您可以在 JetBrains IDE 之间,或 WebStorm 的不同安装之间共享多个设置。 您可以在首次启动 WebStorm 时 导入您的设置 ,或稍后通过 共享 功能使用 备份与同步。 可同步的设置包括 IDE 主题、keymap、系统设置、已启用和已禁用的插件列表等。
配置快捷键
建议仔细确认您是否使用了正确的 keymap 配置。 您可以通过前往 设置 | 键位映射 查看当前默认设置的 keymap 来进行确认。

请参阅 本节 了解有关配置快捷键的更多信息。
安装插件
您可以通过插件扩展 WebStorm 的核心功能,为其添加更多特性。 如需查看可用选项,请转到 Marketplace 标签页下的 设置 | 插件。
以下是安装了流行的 Rainbow Brackets 插件后的 WebStorm 外观。 您可以阅读 这篇博客文章 ,了解其他热门插件。

设置保存时的操作
您可以配置 WebStorm 在每次保存修改后的文件时执行某些操作,或运行如 Prettier 或 ESLint 等工具。 为此,请转到 设置 | 工具 | 保存时的操作 并选中所需的复选框。 如需详细了解保存时执行操作的相关内容,请参阅我们文档中的 相关章节。

安装 JetBrains Toolbox 应用
如果计划使用多个 JetBrains IDE,请安装此免费应用程序。 这样,您就可以从同一位置管理所有 IDE。 您可以 从我们的网站安装 JetBrains Toolbox App。

更深入地了解 WebStorm
请查看 这些视频 ,了解如何更高效地使用 WebStorm。 如需查看 WebStorm 提供的功能概览,请参阅 此页面。
您还可以通过我们的 playground 项目快速了解基础功能。 打开 欢迎使用 WebStorm 界面,转到 项目 | 新建项目 | 新建项目 ,然后选中 生成带有入门提示的 Playground 项目 复选框即可开始。

如何获得支持
您可以访问 我们的社区论坛 ,查找常见问题的解答并寻求其他 WebStorm 用户的帮助。
如需报告错误或请求新功能,请在 此处创建新 issue。