In our last post, we talked about shifting to an AI-first engineering mindset, rethinking workflows, tools, and productivity. If you’re a WebStorm fan but want to tap into AI-powered coding, Cursor might be the upgrade you need. This is the internal guide we wrote to help our engineers transition smoothly, so they can keep the WebStorm experience they love while unlocking the full potential of AI-assisted development.

This post includes two sections so don’t miss out on anything:

  1. Configure a WebStorm like experience
  2. Getting started with Cursor

Configure a WebStorm like experience

Installing extensions

Some of the configurations in the next sections will be based on Extensions

Keyboard shortcuts

You can adjust the keys to your own preferences if you find it hard to adjust to Cursor shortcuts

Autosave

WebStorm auto-saves files, you can configure it in Cursor as well:

Theme

Looks are important, you can customize the colors and fonts to look like WebStorm.

Preview mode