WebStorm 2025.1 Help

Prisma

WebStorm integrates with Prisma ORM providing support for Prisma Schema Language grammar.

Prisma ORM support in WebStorm is backed by the Prisma Language Server. WebStorm is shipped with a bundled Prisma Language Server. However, it is recommended that you keep the Language Server up to date by downloading the latest server version and specifying the path to it on the Settings | Languages & Frameworks | PrismaS page as described in Configure the Prisma Language Server.

Before you start

  1. Make sure you have Node.js on your computer. Configure a Node.js interpreter in your project as described in Configuring a local Node.js interpreter, in Using Node.js on Windows Subsystem for Linux, or in Configuring remote Node.js interpreters.

    Find detailed information about the required Node.js versions on the Prisma ORM official website.

  2. Install and enable the Prisma ORM plugin on the Settings | Plugins page, tab Marketplace, as described in Installing plugins from JetBrains Marketplace.

Configure the Prisma Language Server

Prisma ORM support in WebStorm is backed by the Prisma Language Server. WebStorm is shipped with a bundled Prisma Language Server. However, it is recommended that you keep the Language Server up to date

  1. Install the latest version of the @prisma/language-server globally. To do that, open the embedded Terminal (Alt+F12) and type:

    npm install -g @prisma/language-server
  2. Open the Settings dialog (Ctrl+Alt+S) and go to Settings | Languages & Frameworks Prisma.

  3. In the Language Server package field, specify the path to the @prisma/language-server package.

    Specify the path to the Prisma Language Server
  4. Make sure the Enabled option is selected.

    Select the Disabled option to turn off the Prisma Language Server and use only internal WebStorm coding assistance and inspections.

Code completion

WebStorm provides Prisma Schema Language-aware code completion in schema files including documentation for selected completion suggestions.

Completion in Prisma Schema
  • By default, completion suggestions are shown as you type. To turn this behavior off, press Ctrl+Alt+S to open settings and select Settings | Editor | General | Code Completion, then clear the Show suggestions as you type checkbox.

  • To invoke completion manually, press Ctrl+Space.

Documentation look-up

The Documentation popup is displayed when you hover over a symbol in the editor or press Ctrl+Q as well as on code completion.

To view documentation for a symbol in the Structure tool window, select the symbol and press Ctrl+Q.

Quick Doc from the Structure tool window

Learn more from Code reference information.

Comments

You can add comments above, below, and inside data models. Multiline comments are welcome.

To add a comment, start typing /** and press Enter. WebStorm adds the closing */ and * at the beginning of each line.

Hovering over a symbol shows the comment in the Documentation popup with proper formatting.

Comments are properly rendered in the Documentation popup

Alternatively, examine comments in the Rendered View mode. For that, click The Toggle Rendered View icon in the gutter next to a comment or press Ctrl+Alt+Q.

To view the comment in the Documentation tool window, hover over a symbol, click the More icon in the Documentation popup, and then select Open in Documentation Tool Window.

Open comments in the documentation tool window

Structure view

With WebStorm, you can view and navigate the structure of schema files in the Structure tool window (Alt+7). The tool window is synchronized with the currently open Prisma Schema, so when you select an item in the tool window, it is automatically selected in the schema file.

Last modified: 14 April 2025