如何从Sublime Text迁移到WebStorm

打开或创建第一个项目

下载并安装WebStorm后，需要一个项目才能使用。以项目为单位有助于WebStorm更好地理解上下文，提供更高级的编程辅助。

• 新建项目（New Project）——创建一个空项目或从模板生成一个项目，如React、Angular或Vue的模板。
• 打开（Open）——打开存储在本地的项目。
• 从VCS获取（Get from VCS）——从Git或GitHub等版本控制系统获取项目。
  

配置快捷键

切换到Sublime Text快捷键

选择菜单“Settings | Keymap”，选择“Sublime Text 或 Sublime Text (macOS)”

学习WebStorm快捷键

以下是帮助你更快习惯WebStorm快捷键的方法：

• 记住WebStorm最有用的快捷键——双击Shift键。可以搜索任何文件、操作、类或符号，在搜索结果中查看所有匹配项。
• 安装Key Promoter X插件——这个插件可以帮助你在工作时学习基本的快捷键。当你在IDE内的菜单或按钮上点击鼠标时，Key Promoter X会在右下角显示对应菜单或功能的快捷键。
  
• 使用WebStorm快捷键备忘单——下载适用于macOS、Windows、Linux的默认WebStorm键盘快捷键清单，打印成卡片。
  WebStorm根据你的系统环境推荐快捷键设置。可以在“Settings | Keymap”中找到。如果修改了默认的快捷键，WebStorm把这些修改保存为副本，并默认使用该副本。

设置工作环境

WebStorm是一个集成开发环境，在智能代码编辑器的基础之上提供对许多技术和工具的默认支持。

自定义WebStorm

安装插件

在JetBrains IDE中，将扩展功能称为插件。插件的工作方式与VS Code中几乎相同，允许扩展内置功能并自定义IDE。要浏览可用的插件，请选择菜单“Settings | Plugins”，查看Marketplace标签页（可能需要科学上网）。
这是安装了Rainbow Brackets（彩虹括号）插件后WebStorm的样子。

安装Rainbow Brackets插件前的样子

修改主题

WebStorm只有几个预定义的主题，但有各种自定义选项可供选择。请选择菜单“Settings | Plugins”，然后在“Marketplace”选项卡中搜索Theme（主题）。
安装主题后，可以返回编辑器，查看安装的主题是什么样子。从主菜单中选择“View | Quick Switch Scheme”，或按 Ctrl + ` 选择主题。如下图所示：

切换到Zen模式

像在VS Code中一样，如果你想专注于编码，可以切换到Zen模式。从主菜单中，选择“Navigate | Search Everywhere”，然后输入enter zen mode。如果要退出，搜索并选择Exit Zen Mode。

复制常见的Sublime Text工作流程

命令面板（Command Palette）

Search Everywhere是Sublime Text命令面板的替代品。可以使用它来查找任何文件、操作、类或符号，并在搜索结果中查看所有匹配项。选择主菜单中的“Navigate | Search Everywhere”或单击编辑器右上角的放大镜图标打开它。

搜索替换

虽然WebStorm的搜索和替换工作流程与Sublime Text中的略有不同，但原则是相同的。WebStorm允许你在特定文件和整个项目中查找和替换字符串。请在主菜单中转到“Edit | Find”，然后选择“Find（查找）”（针对特定文件）或“Find in Files（在文件中查找）”（针对整个项目）。要替换字符串，请选择同一子菜单下的“Replace”或“Replace in Files”。

更改“项目”工具窗口的默认值

WebStorm有自己的资源管理器，即Project工具窗口，它的工作方式有点不同。例如，需要双击一个文件才能在编辑器中打开它。以下是如何更改默认设置以匹配在VS Code中使用的设置：

• 单击打开文件（Open Files with Single Click）–单击一下即可在编辑器中打开文件。
• 始终选择打开的文件（Always Select Opened File）–自动在项目视图中选中当前打开的文件。
• 启用预览选项卡（Enable Preview Tab）–预览在编辑器的项目视图中选中的文件。

设置保存操作

你可以配置WebStorm执行特定操作，或者在每次保存修改后的文件时运行Prettier或ESLint等工具。请选择菜单“Settings | Tools | Actions on Save”，勾选需要的选项。