# How to use Doppler with Webstorm IDE

**URL:** <https://community.doppler.com/t/how-to-use-doppler-with-webstorm-ide/601>\
**Category:** Need Help\
**Created:** [April 21, 2022, 4:31am UTC](https://community.doppler.com/t/how-to-use-doppler-with-webstorm-ide/601 "2022-04-21T04:31:03Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![delucca](https://avatars.discourse-cdn.com/v4/letter/d/8c91f0/32.png) [@delucca](https://community.doppler.com/u/delucca)\
**Post date:** [April 21, 2022, 4:31am UTC](https://community.doppler.com/t/how-to-use-doppler-with-webstorm-ide/601/1 "2022-04-21T04:31:03Z")

</div>

Hi everyone!

I’m starting to use Doppler and I would like to know how to integrate it with Webstorm IDE, both for common run configurations, but also for debugging.

I read the docs, but it seems there is nothing there about it.

Anyone can help me with this?

---

<div class="post-metadata">

**Author:** ![ryan-blunden](https://sea2.discourse-cdn.com/flex016/user_avatar/community.doppler.com/ryan-blunden/32/9_2.png) [@ryan-blunden](https://community.doppler.com/u/ryan-blunden)\
**Post date:** [April 21, 2022, 4:50am UTC](https://community.doppler.com/t/how-to-use-doppler-with-webstorm-ide/601/2 "2022-04-21T04:50:43Z")

</div>

Hi @delucca and welcome to the Doppler community!

I’ve added a new [WebStorm User Guide](https://docs.doppler.com/docs/webstorm) to our documentation.

Let me know if those steps work for you.

---

<div class="post-metadata">

**Author:** ![delucca](https://avatars.discourse-cdn.com/v4/letter/d/8c91f0/32.png) [@delucca](https://community.doppler.com/u/delucca)\
**Post date:** [April 21, 2022, 12:04pm UTC](https://community.doppler.com/t/how-to-use-doppler-with-webstorm-ide/601/3 "2022-04-21T12:04:27Z")

</div>

Hi! Thanks for helping me

I’m using NodeJS indeed. I’ve checked the doc you created. It is possible to achieve the same thing without changing the package.json file?

Right now, in the project, I am the only one using Doppler, so I can’t change the package.json entirely.

In the future that might change, but for me the best way would be configuring Doppler as launch configuration

---

<div class="post-metadata">

**Author:** ![delucca](https://avatars.discourse-cdn.com/v4/letter/d/8c91f0/32.png) [@delucca](https://community.doppler.com/u/delucca)\
**Post date:** [April 25, 2022, 12:52pm UTC](https://community.doppler.com/t/how-to-use-doppler-with-webstorm-ide/601/4 "2022-04-25T12:52:47Z")

</div>

Hi, can you please help me on this? 🙂

Like I’ve explained, I’m using NodeJS indeed. I’ve checked the doc you created. It is possible to achieve the same thing without changing the package.json file?

Right now, in the project, I am the only one using Doppler, so I can’t change the package.json entirely.

In the future that might change, but for me the best way would be configuring Doppler as launch configuration

---

<div class="post-metadata">

**Author:** ![ryan-blunden](https://sea2.discourse-cdn.com/flex016/user_avatar/community.doppler.com/ryan-blunden/32/9_2.png) [@ryan-blunden](https://community.doppler.com/u/ryan-blunden)\
**Post date:** [April 25, 2022, 11:15pm UTC](https://community.doppler.com/t/how-to-use-doppler-with-webstorm-ide/601/5 "2022-04-25T23:15:15Z")

</div>

Hi @delucca,

What you can do as a workaround (although definitely not ideal) is to create a `package.json` file in a different location (e.g. in the parent directory), then configure the debug configuration to use that `package.json`.

This alternate `package.json` will contain the `doppler-run` script which will cd into your application directory, then run the script to start your application (e.g. `npm start`).

```nohighlight
// package.json
{
    "scripts": {
        "doppler-run": "cd your-app-directory && doppler run --forward-signals -- npm start"
    }
}

```

Note the `package.json` field value is outside the application directory.

 ![CleanShot 2022-04-26 at 09.11.43@2x](https://us1.discourse-cdn.com/flex016/uploads/doppler/original/1X/3ac43c415e54663db4e93afb384b37ab65fae242.png)

---

<div class="post-metadata">

**Author:** ![delucca](https://avatars.discourse-cdn.com/v4/letter/d/8c91f0/32.png) [@delucca](https://community.doppler.com/u/delucca)\
**Post date:** [April 26, 2022, 1:41pm UTC](https://community.doppler.com/t/how-to-use-doppler-with-webstorm-ide/601/6 "2022-04-26T13:41:58Z")

</div>

Oh, I see.

So, the only way right now is inside `package.json`? Are you guys working on an alternative to handle this?

---

<div class="post-metadata">

**Author:** ![ryan-blunden](https://sea2.discourse-cdn.com/flex016/user_avatar/community.doppler.com/ryan-blunden/32/9_2.png) [@ryan-blunden](https://community.doppler.com/u/ryan-blunden)\
**Post date:** [April 27, 2022, 7:01am UTC](https://community.doppler.com/t/how-to-use-doppler-with-webstorm-ide/601/7 "2022-04-27T07:01:28Z")

</div>

Using Webstorm’s built in npm support is the best solution as Webstorm is then managing the Node.js process so debugging “just works”.

We could, for example use the **Shell Script** option and have the Doppler CLI spawn a Node process using the `--inspect` or `--inspect-brk` flags so it can automatically attach to the process, but that’s extra work for no great benefit.

Once a team adopts Doppler, they want it in their package.json because then once they’ve installed the Doppler CLI, they’re good to go.

Does that adequately answer your question?