如何从 Sublime Text 迁移到 WebStorm
在本节中，您将找到一些从 Sublime Text 迁移到 WebStorm 的建议。
打开或创建您的第一个项目
下载并安装 WebStorm 后，您会首先注意到的一点就是需要一个项目才能开始使用。项目优先的方法有助于 WebStorm 更好地理解您要处理的内容，从而为您提供更高级的编码支持。 项目优先的方法有助于 WebStorm 更好地理解您要处理的内容，从而为您提供更高级的编码支持。
您可以选择以下几种方式来开始项目：
克隆版本库 – 从 Git 或 GitHub 获取已有项目。
新建项目 – 创建一个空项目，或使用现有模板生成项目，例如 React、Angular 或 Vue 模板。
打开 – 打开存储在本地计算机上的项目。
您也可以通过我们的示例项目快速体验主要功能 —— 前往 新建项目 | 新建项目 并勾选 生成包含入门提示的 playground 项目 复选框。
配置快捷键
如果您之前从未使用过 WebStorm 或其他 JetBrains IDE，适应新的快捷键可能会有些挑战。 以下是一些可以帮助您的建议。
切换到 Sublime Text 键位布局
如果您暂时还不想放弃使用 Sublime Text 的快捷键，可以切换到 Sublime Text 键位布局。 为此，请进入 设置 | 键位映射 ，将 Sublime Text 或 Sublime Text (macOS) 设置为默认键位布局，然后保存更改。
学习 WebStorm 快捷键
即使将来切换到其他 JetBrains IDE，学习 WebStorm 快捷键也很有帮助 —— 大多数快捷键都是通用的。以下是加快学习进度的一些方法： 以下是加快学习进度的一些方法：
记住 WebStorm 最通用的快捷键 – Shift + Shift ，或 全局搜索。 您可以使用该功能查找文件、操作、类或符号，并在一个位置查看所有匹配项。
安装 Key Promoter X – 该插件 可以帮助您在工作中学习关键快捷键。 当您在 IDE 中通过鼠标点击按钮时，Key Promoter X 会提示相应的快捷键。
使用 WebStorm 快捷键速查表 – 您可以下载 macOS 或 Windows 和 Linux 系统下的 WebStorm 默认键位参考。
WebStorm 会根据您的环境建议一个预定义键位布局。 您可以在 设置 | 键位映射 中找到该键位布局。 如果您更改了某个操作的快捷键，WebStorm 会将更改保存在预定义键位布局的副本中，并默认使用该副本。
设置您的工作环境
作为一款 IDE，WebStorm 集成了大量强大功能，使您可以直接开始编码，并轻松应对复杂任务。 大多数情况下， 开箱即用 都可以在 WebStorm 中使用，包括调试、测试以及版本控制相关功能。
自定义 WebStorm
WebStorm 的 UI 初看可能令人望而生畏。 您可以自定义界面，并关闭不需要的任何内容。 以下是一些常规的自定义技巧。
插件
WebStorm 的插件使用方式与 Sublime Text 中的软件包几乎相同。 它们可帮助您扩展内置功能并自定义 IDE。 要浏览可用插件，请转到 插件市场 选项卡（位于 设置 | 插件 下）。 然后，您可以单击其名称旁边的 安装 按钮来安装插件。
以下是安装了流行的 Rainbow Brackets 插件后 WebStorm 的界面。 您可以阅读 这篇博文 ，了解其他一些流行的插件。
UI 主题
WebStorm 仅附带少数预定义主题，但可选择多种自定义选项。 要浏览这些选项，请转到 设置 | 插件 ，然后在 插件市场 选项卡中搜索“theme”。
之后，您可以返回编辑器查看已安装主题的效果。 从主菜单中选择 视图 | 快速切换方案 ，或按 Ctrl+` 并选择 主题。 在此，您可以一次性预览所有可用主题。
专注模式
每当您希望专注于编码时，均可切换到免打扰模式。 在主菜单中，转到 视图 | 外观 ，然后选择 进入专注模式 或 进入无干扰模式。 前者的工作方式与 Sublime Text 中的 无干扰 模式相同。 后者不会启用全屏视图。
按照相同步骤操作，但完成后请选择 退出专注模式 或 退出无干扰模式。
AI 功能
如果您希望在 WebStorm 中借助 AI 功能提升工作流程，您可以使用 JetBrains AI，它已原生集成到 IDE 中。 它包括 AI Assistant （用于智能 AI 聊天、 编辑器内代码生成 和 AI 代码补全 ）以及 Junie ，一个能够自主完成编码任务的 AI 编码代理。
AI 功能采用包含免费套餐的新订阅模式提供。 免费套餐提供无限代码补全、本地模型访问及有限的基于云的功能。 您可以选择升级为 AI Pro 或 AI Ultimate 套餐以获取更多功能。
激活 AI Assistant
请确保已使用有效的 JetBrains Account 登录。
请按照 AI 助理 帮助 中的说明激活您的许可证。
您还可以在 WebStorm 中使用 GitHub Copilot、Tabnine 和其他 AI 工具，在 插件市场 选项卡中通过 设置 | 插件 搜索对应的插件。 请注意，这些插件并非由 JetBrains 维护。
复现常见 Sublime Text 工作流
下面让我们看看如何设置一些内容，使其像在 Sublime Text 中一样工作。
命令面板
全局搜索 是 Sublime Text 的 命令面板 及部分其他操作的替代功能。 您可以使用此功能查找任何文件、操作、类或符号，并在同一个位置查看所有匹配项。 要打开 全局搜索 ，请按 Shift + Shift ，或者使用 命令面板 默认快捷键（如果您使用 Sublime Text 键位映射）。
查找与替换
WebStorm 允许您在特定文件和整个项目中查找和替换文本字符串。 要开始使用，请在主菜单中转到 编辑 | 查找 ，然后选择 查找 （查找特定文件）或 在文件中查找 （查找整个项目）。 要替换文本字符串，请在相同子菜单中选择 替换 或 在文件中替换。
项目视图设置
WebStorm 提供了 项目 视图，可让您查看当前项目的结构并浏览各个项目。 其默认行为与 Sublime Text 不同。 例如，您需要双击文件才能在编辑器中打开该文件。 以下是如何更改默认设置以匹配 Sublime Text 中的使用习惯：
您可以进入 项目 视图设置，并在 行为 下选择任意一个或全部选项：
启用预览选项卡 — 在编辑器中预览您在 项目 工具窗口中选中的文件。
单击打开文件或目录 — 单击即可在编辑器中打开文件或目录。
始终选中已打开文件 — 自动在 项目 工具窗口中选中当前在编辑器中打开的文件。
代码编辑操作
WebStorm 支持许多 Sublime Text 中常用的代码编辑操作，例如扩展选择、多光标、添加注释等。 您可以在主菜单中的 编辑 下找到部分操作。 您还可以查看 我们的技巧与窍门合集。
保存时执行操作
您可以配置 WebStorm 以在每次保存已修改文件时执行特定操作或运行如 Prettier 或 ESLint 的工具。 为此，请转到 设置 | 工具 | 保存时操作 并勾选所需的复选框。 有关保存时执行操作的更多信息，请参阅 本节。
如何获取支持
您可以访问 我们的社区论坛 ，查找常见问题的解答并向其他 WebStorm 用户寻求帮助。
如需报告错误或请求新功能，请在 此处 创建新的问题。