# Editing node red in Visual Studio Code

**URL:** https://discourse.nodered.org/t/editing-node-red-in-visual-studio-code/57404
**Category:** General
**Created:** [28 January 2022 12:53 UTC](https://discourse.nodered.org/t/editing-node-red-in-visual-studio-code/57404 "2022-01-28T12:53:52Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![demokedes](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/demokedes/32/19082_2.png) [@demokedes](https://discourse.nodered.org/u/demokedes)
#### Post date: [28 January 2022 12:53 UTC](https://discourse.nodered.org/t/editing-node-red-in-visual-studio-code/57404/1 "2022-01-28T12:53:52Z")

</div>

Dear all,  
As I am reading here: [Node-RED - Visual Studio Marketplace](https://marketplace.visualstudio.com/items?itemName=formulahendry.vscode-node-red)  
It is possible to edit Node-red nodes inside Visual Studio code. I tried it, but I am unable to get any nodes inside Visual studio. I Enabled extensions, I entered URL, but still nothing. When I try to open it throug Alt+Ctr+X,, nothing happens.  
Any idea?  
Thank you in advance,  
ROk

---

<div class="post-metadata">

### Author: ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)
#### Post date: [28 January 2022 12:59 UTC](https://discourse.nodered.org/t/editing-node-red-in-visual-studio-code/57404/2 "2022-01-28T12:59:03Z")

</div>

Urg! That's a bit weird 😀 Why would you want to run a server inside your VScode editor? What benefits does it give?

Just run Node-RED manually or have it as a start script in your project's package.json file. Or run it as a service/daemon on your device ...

---

<div class="post-metadata">

### Author: ![demokedes](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/demokedes/32/19082_2.png) [@demokedes](https://discourse.nodered.org/u/demokedes)
#### Post date: [28 January 2022 13:03 UTC](https://discourse.nodered.org/t/editing-node-red-in-visual-studio-code/57404/3 "2022-01-28T13:03:37Z")

</div>

No no...of course...I am running Node-red seperately. But when writing more compley scripts, editor in the browser has some limitations. I understood (maybe correctly), it is possible to edit nodes inside VS Code.

---

<div class="post-metadata">

### Author: ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)
#### Post date: [28 January 2022 13:06 UTC](https://discourse.nodered.org/t/editing-node-red-in-visual-studio-code/57404/4 "2022-01-28T13:06:52Z")

</div>

Yes, you can develop node-red and node-red contrib nodes in VS Code. I do, Julian does, others do.

However, that plug in is for actually running node-red inside VSCode. And it is V0.2.0 ( from 2018-08-04 )

Just avoid it.

> [@demokedes](#):
>
> It is possible to edit Node-red nodes inside Visual Studio code

Do you mean edit the flow in the node-red editor OR edit a node for development purposes?

---

<div class="post-metadata">

### Author: ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)
#### Post date: [28 January 2022 13:08 UTC](https://discourse.nodered.org/t/editing-node-red-in-visual-studio-code/57404/5 "2022-01-28T13:08:04Z")

</div>

I just went into the MSFT site and gave it another 1-star review with my comments 😀

> [@demokedes](#):
>
> No no...of course...I am running Node-red seperately. But when writing more compley scripts, editor in the browser has some limitations. I understood (maybe correctly), it is possible to edit nodes inside VS Code.

As Steve say's, lots of us use it for developing custom nodes.

For writing code in function nodes, you can switch Node-RED's Editor to use the Monaco code editor - that actually IS VScode - well rather VScode uses Monaco internally.

---

<div class="post-metadata">

### Author: ![demokedes](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/demokedes/32/19082_2.png) [@demokedes](https://discourse.nodered.org/u/demokedes)
#### Post date: [28 January 2022 18:57 UTC](https://discourse.nodered.org/t/editing-node-red-in-visual-studio-code/57404/6 "2022-01-28T18:57:49Z")

</div>

Dear all,  
Thank you for your help. I did it, and you're right it is very similar to VS.

---

<div class="post-metadata">

### Author: ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)
#### Post date: [11 February 2022 18:57 UTC](https://discourse.nodered.org/t/editing-node-red-in-visual-studio-code/57404/7 "2022-02-11T18:57:53Z")

</div>

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.
