WebStorm 2025.1 Help

如何从 Sublime Text 迁移到 WebStorm

在本节中,您将找到一些从 Sublime Text 迁移到 WebStorm 的提示。

打开或创建您的第一个项目

下载并安装 WebStorm 后,您会注意到的第一件事是需要一个项目来开始。 以项目为中心的方法可以帮助 WebStorm 更好地理解您将要处理的内容,并为您提供更高级的编码支持。

您有几种选项可以选择来开始您的项目:

  • 克隆仓库 – 从 Git 或 GitHub 获取现有项目。

  • 新建项目 – 创建一个空项目或从现有模板生成一个项目,例如 React、Angular 或 Vue 的模板。

  • 打开 – 打开存储在您计算机上的项目。

您还可以从我们的 playground 项目开始,快速了解一些关键功能——前往 新建项目 | 新建项目 并勾选 生成带有入门提示的 Playground 项目 框。

欢迎界面

配置快捷键

如果您从未使用过 WebStorm 或其他 JetBrains IDE,习惯新的快捷键可能会有些挑战。 以下是一些可以帮助您的提示。

切换到 Sublime Text 快捷键映射

如果您还没准备好告别 Sublime Text 的快捷键,您可以切换到 Sublime Text 快捷键映射。 为此,请前往 设置 | 键位图 ,将 Sublime TextSublime Text (macOS) 设置为默认快捷键映射,并保存更改。

将 Sublime Text 快捷键映射设置为默认

学习 WebStorm 快捷键

学习 WebStorm 快捷键即使您以后决定切换到其他 JetBrains IDE 也会很有用——几乎所有 IDE 的快捷键都是相同的。 以下是一些可以帮助您更快学习的方法:

  • 记住 WebStorm 最通用的快捷键Shift + Shift ,或 随处搜索。 您可以使用它查找任何文件、操作、类或符号,并在一个地方查看所有匹配项。

  • 安装 Key Promoter X此扩展可以帮助您在工作时学习基本快捷键。 当您在 IDE 内使用鼠标点击按钮时,Key Promoter X 会显示您可以使用的快捷键。

  • 使用 WebStorm 快捷键速查表 – 您可以下载适用于 macOSWindows 和 Linux 的默认 WebStorm 快捷键参考。

WebStorm 会根据您的环境建议一个预定义的快捷键映射。 您可以在 设置 | 键位图 中找到此快捷键映射。 如果您更改了某个操作的快捷键,WebStorm 会将这些更改存储在预定义快捷键映射的副本中,并默认使用该副本。

设置您的工作环境

作为一款 IDE,WebStorm 内置了许多强大的功能,使您能够直接开始编码并轻松处理更复杂的任务。 大多数情况下, 开箱即用 在 WebStorm 中,包括调试、测试和使用版本控制系统的功能。

查看 这些视频 ,快速了解如何开始使用。 有关 WebStorm 提供的功能的总体概述,请参阅 此页面

自定义 WebStorm

WebStorm 的界面一开始可能看起来有些复杂。 您可以自定义它并关闭任何不需要的内容。 以下是一些通用的自定义提示。

插件

WebStorm 的插件与 Sublime Text 的包基本相同。 它们允许您扩展内置功能并自定义 IDE。 要探索可用的插件,请转到 插件市场 选项卡下的 设置 | 插件。 然后,您可以通过点击其名称旁边的 安装 按钮来安装插件。

以下是安装了流行的 彩虹括号 插件后的 WebStorm 外观。 您可以阅读 这篇博客文章 ,了解其他一些流行的插件。

自定义 WebStorm:已安装 Rainbow Brackets 插件

界面主题

WebStorm 仅附带少量预定义主题,但有多种自定义选项可供选择。 要探索它们,请转到 设置 | 插件 并在 插件市场 选项卡中搜索“theme”。

自定义 WebStorm:选择界面主题

然后,您可以返回编辑器并检查已安装主题的外观。 从主菜单中选择 查看 | 快速切换方案 ,或按 Ctrl+` 并选择 主题。 从那里,您将能够一次预览所有可用的主题。

无干扰模式

您可以随时切换到无干扰模式,以专注于编码。 在主菜单中,转到 视图|外观 并选择 进入禅模式进入免打扰模式。 前者的工作方式与 Sublime Text 中的 免打扰 模式相同。 后者不会启用全屏视图。

自定义 WebStorm:Zen 模式

按照相同的步骤操作,但在完成后选择 退出禅模式退出免打扰模式

AI 功能

如果您正在寻找与 WebStorm 原生集成的 AI 编码助手,可以尝试 JetBrains AI Assistant。 它包括许多功能,例如上下文感知的智能聊天或生成代码和编写文档的能力。 提供 7 天免费试用。

您还可以在 WebStorm 中使用 GitHub Copilot、Supermaven、Tabnine 和其他 AI 工具——通过 插件市场 选项卡在 设置 | 插件 中搜索相应的插件。 请注意,这些插件并非由 JetBrains 维护。

复制常见的 Sublime Text 工作流

让我们看看如何设置一些内容,使其像在 Sublime Text 中一样工作。

命令面板

随处搜索 是 Sublime Text 的 命令面板 和其他一些操作的替代品。 您可以使用它查找任何文件、操作、类或符号,并在一个地方查看所有匹配项。 要打开 随处搜索 ,请按 Shift + Shift ,或使用默认的 命令面板 快捷键(如果您使用的是 Sublime Text 快捷键映射)。

自定义 WebStorm:命令面板

查找并替换

WebStorm 允许您在特定文件和整个项目中查找和替换文本字符串。 要开始,在主菜单中转到 编辑|查找 并选择 查找 (针对特定文件)或 在文件中查找 (针对整个项目)。 要替换文本字符串,请在同一子菜单下选择 替换在文件中替换

自定义 WebStorm:查找和替换

项目视图设置

WebStorm 提供 项目 视图,允许您查看当前项目的结构并浏览它们。 其默认行为与 Sublime Text 不同。 例如,您需要双击文件以在编辑器中打开它。 以下是如何更改默认设置以匹配您在 Sublime Text 中习惯的设置:

项目视图:自定义默认设置

您可以转到 项目 视图设置,并在 行为 下选择以下任意或全部选项:

  • 启用预览标签页 – 在编辑器中预览您在 项目 工具窗口中选择的文件。

  • 点击即可打开文件/目录 – 点击即可在编辑器中打开文件或目录。

  • 始终选择已打开的文件 – 自动选择当前在 项目 工具窗口中打开的文件。

代码编辑操作

WebStorm 支持许多您在 Sublime Text 中习惯的代码编辑操作,例如扩展选择、多光标、添加注释等。 您可以在主菜单的 编辑 下找到其中的一些操作。 您还可以探索 我们的提示和技巧集合

保存时的操作

您可以配置 WebStorm 在每次保存修改后的文件时执行特定操作或运行工具,例如 Prettier 或 ESLint。 为此,请转到 设置 | 工具 | 保存时的操作 ,并勾选必要的选项。 要了解有关保存时执行操作的更多信息,请参阅 本节

自定义 WebStorm:设置保存时的操作

如何获取支持

您可以查看 我们的社区论坛 ,找到许多常见问题的答案,并向其他 WebStorm 用户寻求帮助。

要报告错误或请求新功能,请在 此处创建一个新问题。

最后修改日期: 2025年 4月 22日