如何从 VS Code 迁移到 WebStorm
在本节中，您可以找到一些从 VS Code 迁移到 WebStorm 的提示。
打开或创建您的第一个项目
下载并安装 WebStorm 后，您会首先注意到的一件事是需要一个项目才能开始。项目优先的方式有助于 WebStorm 更好地理解您的工作上下文，从而为您提供更高级的代码辅助功能。 项目优先的方式有助于 WebStorm 更好地理解您的工作上下文，从而为您提供更高级的代码辅助功能。
您可以从以下几种方式启动项目：
克隆版本库 – 从 Git 或 GitHub 获取现有项目。
新建项目 – 创建一个空项目或基于现有模板生成项目，例如 React、Angular 或 Vue。
打开 – 打开存储在本地计算机上的项目。
您还可以通过我们的 Playground 项目快速了解一些关键功能 —— 转到 新建项目 | 新建项目 并勾选 生成包含入门提示的演示项目 复选框。
配置快捷键
如果您从未使用过 WebStorm 或其他 JetBrains IDE，习惯新的快捷键可能会比较困难。 以下是一些可帮助您适应的提示。
切换到 VS Code 键位映射方案
如果您还不想放弃 VS Code 的快捷键，您可以切换到 VS Code 键位映射方案。 为此，请转到 设置 | 键位映射 ，将 VSCode 或 VSCode（macOS） 设置为默认键位映射方案，并保存更改。
学习 WebStorm 快捷键
即使您以后决定切换到其他 JetBrains IDE，学习 WebStorm 快捷键也将非常有帮助 —— 绝大多数快捷键在这些 IDE 中都是通用的。 以下方法可以帮助您更快掌握这些快捷键：
记住 WebStorm 最通用的快捷键 – Shift + Shift ，或 全局搜索。 您可以使用它来查找任意文件、操作、类或符号，并在一个位置查看所有匹配项。
安装 Key Promoter X – 此扩展插件 可帮助您在工作时学习重要的快捷键。 当您在 IDE 中使用鼠标点击按钮时，Key Promoter X 会显示可以使用的快捷键。
使用 WebStorm 快捷键速查表 – 您可以下载适用于 macOS 或 Windows 和 Linux 的默认 WebStorm 键位参考图。
WebStorm 会根据您的环境建议使用预定义键位映射方案。 您可以在 设置 | 键位映射 中找到该键位映射方案。 如果您更改了某个操作的快捷键，WebStorm 会将更改保存在预定义键位映射方案的副本中，并在之后默认使用该副本。
设置工作环境
WebStorm 与 VS Code 的主要区别之一在于，您无需 无需安装和配置大量扩展 即可让 WebStorm 强大。 大多数情况下，一切开箱即用，您可以直接开始编码。
自定义 WebStorm
WebStorm 的界面初看起来可能有些复杂。 您可以对其进行自定义，并关闭不需要的部分。 以下是一些通用的自定义建议。
扩展
在 JetBrains IDE 中，我们将扩展称为 插件。 其工作方式与 VS Code 中的扩展基本相同，可帮助扩展内置功能并自定义您的 IDE。 要浏览可用插件，请转到 插件市场 选项卡，该选项卡位于 设置 | 插件 下。
界面主题
WebStorm 仅包含少量预定义主题，但有多种自定义选项供您选择。 要浏览这些主题，请转到 设置 | 插件 ，并在 插件市场 选项卡中搜索“theme”。
然后，您可以返回编辑器查看安装的主题效果。 从主菜单选择 视图 | 快速切换方案 ，或按 Ctrl+` 并选择 主题。 在此，您可以一次性预览所有可用主题。
禅模式
与 VS Code 一样，您可以随时切换到 禅模式 模式，以便专注于编码。 在主菜单中，选择 导航 | 全局搜索 并输入“enter zen mode”。 完成后执行相同操作，但选择 退出禅模式。
复制常用 VS Code 工作流
下面来看一下如何设置几个项，使其像在 VS Code 中一样工作。
命令面板
全局搜索 是 VS Code 中 命令面板 的替代方案。 您可以使用它查找任何文件、操作、类或符号，并在一个位置查看所有匹配项。 要打开 全局搜索 ，请按 Shift + Shift ，或者在使用 VS Code 键位方案时使用默认 命令面板 快捷键。
查找与替换
虽然 WebStorm 的查找和替换工作流与 VS Code 略有不同，但基本原理是相同的。 WebStorm 可让您在特定文件或整个项目中查找和替换文本字符串。
开始之前，请在主菜单中转到 编辑 | 查找 ，然后选择 查找 （用于特定文件）或 在文件中查找 （用于整个项目）。 要替换文本字符串，请在同一子菜单中选择 替换 或 在文件中替换。
AI 功能
如果您希望使用 AI 驱动的功能增强 WebStorm 中的工作流程，可以使用 JetBrains AI，其已原生集成到 IDE 中。 其中包括 AI Assistant ，用于智能 AI chat、 in-editor code generation 与 AI-powered code completion ，以及 Junie ，一个能够独立完成编码任务的 AI 编码代理。
AI 功能采用新的订阅模式，包含一个免费方案。 免费方案提供无限制的代码补全、本地模型访问权限以及部分云端功能。 您可以选择升级到 AI Pro 或 AI Ultimate 套餐，以解锁更多功能。
激活 AI 助手
请确保您已使用有效的 JetBrains Account 登录。
请按照 AI 助理 帮助 中的说明激活您的许可证。
您还可以在 WebStorm 中使用 GitHub Copilot、Tabnine 及其他 AI 工具 — 通过 插件市场 选项卡，在 设置 | 插件 中搜索相关插件。 请注意，这些插件并非由 JetBrains 维护。
项目视图设置
WebStorm 拥有自己的 资源管理器 （即 项目 视图），其工作方式略有不同。 例如，您需要双击文件才能在编辑器中打开它。 以下是如何更改默认设置，以匹配您在 VS Code 中的使用习惯：
您可以进入 项目 视图设置，并在 行为 下选择以下任一或全部选项：
启用预览标签页 — 在编辑器中预览您在 项目 工具窗口中选中的文件。
单击即打开文件 / 目录 — 单击一次即可在编辑器中打开文件或目录。
始终选中已打开的文件 — 自动选中 项目 工具窗口中当前打开的文件。
保存时执行操作
您可以配置 WebStorm，在每次保存修改后的文件时执行特定操作或运行如 Prettier、ESLint 等工具。 为此，请转到 设置 | 工具 | 保存时执行的操作 并勾选所需选项。 如需了解有关保存时执行操作的更多信息，请参阅我们文档中的 此部分。
如何获取支持
您可以浏览 我们的社区论坛 ，查找常见问题的答案并向其他 WebStorm 用户寻求帮助。
如需报告错误或请求新功能，请 在此创建新条目。