# MakeCode for VSCode just dropped

**URL:** <https://forum.makecode.com/t/makecode-for-vscode-just-dropped/18814>\
**Category:** Arcade\
**Created:** [March 27, 2023, 11:19pm UTC](https://forum.makecode.com/t/makecode-for-vscode-just-dropped/18814 "2023-03-27T23:19:11Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Sarge](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/sarge/32/19590_2.png) [@Sarge](https://forum.makecode.com/u/Sarge)\
**Post date:** [March 27, 2023, 11:19pm UTC](https://forum.makecode.com/t/makecode-for-vscode-just-dropped/18814/1 "2023-03-27T23:19:12Z")

</div>

I was just browsing the [MakeCode channel](https://www.youtube.com/@MicrosoftMakeCode) on YouTube looking for a tutorial related to a forum post when I came across a newly uploaded video: MakeCode is now accesible in VSCode using an extension!  
For more info, see:

[![](https://img.youtube.com/vi/EpHsJfztiPU/maxresdefault.jpg "MakeCode Arcade extension for VS Code") ](https://www.youtube.com/watch?v=EpHsJfztiPU)

---

<div class="post-metadata">

**Author:** ![AqeeAqee](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/aqeeaqee/32/5424_2.png) [@AqeeAqee](https://forum.makecode.com/u/AqeeAqee)\
**Post date:** [March 29, 2023, 9:09pm UTC](https://forum.makecode.com/t/makecode-for-vscode-just-dropped/18814/2 "2023-03-29T21:09:37Z")

</div>

This is so wonderful!  
Can’t believe, I almost missed it, come across on the github in a totally accident. And even nobady replied this post.

Can’t waiting to have a try!

 ![image](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/2X/a/a7b005e24ec5f7593f0c974401354806360cadce.png)

Thank Makecode team for made another great feature! 💖

---

<div class="post-metadata">

**Author:** ![richard](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/richard/32/5417_2.png) [@richard](https://forum.makecode.com/u/richard)\
**Post date:** [March 29, 2023, 9:15pm UTC](https://forum.makecode.com/t/makecode-for-vscode-just-dropped/18814/3 "2023-03-29T21:15:05Z")

</div>

haha, thanks for the kind words! @jwunderl and I have been working on this.

If you run into any issues, please file them on GitHub here: [https://github.com/microsoft/vscode-makecode/issues](https://github.com/microsoft/vscode-makecode/issues)

---

<div class="post-metadata">

**Author:** ![AqeeAqee](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/aqeeaqee/32/5424_2.png) [@AqeeAqee](https://forum.makecode.com/u/AqeeAqee)\
**Post date:** [March 30, 2023, 5:30am UTC](https://forum.makecode.com/t/makecode-for-vscode-just-dropped/18814/4 "2023-03-30T05:30:15Z")

</div>

Is it possible to config this run against local site ?

---

<div class="post-metadata">

**Author:** ![richard](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/richard/32/5417_2.png) [@richard](https://forum.makecode.com/u/richard)\
**Post date:** [March 30, 2023, 5:31am UTC](https://forum.makecode.com/t/makecode-for-vscode-just-dropped/18814/5 "2023-03-30T05:31:32Z")

</div>

ah, unfortunately not! might be a good idea for the future, @jwunderl? at least some ability to test pxt-common-packages locally. though i guess it’s just for us…

---

<div class="post-metadata">

**Author:** ![jwunderl](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/jwunderl/32/5308_2.png) [@jwunderl](https://forum.makecode.com/u/jwunderl)\
**Post date:** [March 30, 2023, 5:49am UTC](https://forum.makecode.com/t/makecode-for-vscode-just-dropped/18814/6 "2023-03-30T05:49:30Z")

</div>

Yeah, i was thinking today on if we should just read from mkc.json for constructing all our webview urls actually. Seems like it’s probably the right thing to do to keep mkc / webview in sync at least.

---

<div class="post-metadata">

**Author:** ![NxNMatrixGL](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/nxnmatrixgl/32/2553_2.png) [@NxNMatrixGL](https://forum.makecode.com/u/NxNMatrixGL)\
**Post date:** [May 31, 2023, 5:11pm UTC](https://forum.makecode.com/t/makecode-for-vscode-just-dropped/18814/7 "2023-05-31T17:11:13Z")

</div>

How can we debug our programs in VSCode? I can set my breakpoints, but haven’t figured out how to run the simulator in debug mode. How can we do this and is this documented? Having access to more debugging options was one reason I wanted to use VSCode.

---

<div class="post-metadata">

**Author:** ![richard](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/richard/32/5417_2.png) [@richard](https://forum.makecode.com/u/richard)\
**Post date:** [May 31, 2023, 10:43pm UTC](https://forum.makecode.com/t/makecode-for-vscode-just-dropped/18814/8 "2023-05-31T22:43:06Z")

</div>

@NxNMatrixGL Debugging the simulator is a planned feature but hasn’t been implemented yet! I also want this quite a bit, though, so hopefully I’ll get to work on it soon.

I’m hoping it won’t be too onerous as I had it working once (many years ago)

---

<div class="post-metadata">

**Author:** ![Archer\_Bright](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/archer_bright/32/32896_2.png) [@Archer\_Bright](https://forum.makecode.com/u/Archer_Bright)\
**Post date:** [June 1, 2023, 4:58pm UTC](https://forum.makecode.com/t/makecode-for-vscode-just-dropped/18814/9 "2023-06-01T16:58:29Z")

</div>

YES!!!  
There was already an extension though

---

<div class="post-metadata">

**Author:** ![AqeeAqee](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/aqeeaqee/32/5424_2.png) [@AqeeAqee](https://forum.makecode.com/u/AqeeAqee)\
**Post date:** [August 21, 2023, 5:37pm UTC](https://forum.makecode.com/t/makecode-for-vscode-just-dropped/18814/10 "2023-08-21T17:37:26Z")

</div>

Hi @richard and @jwunderl  
I met a issue:Simulator never update according to modified codes, after “Build Project for Hardware”.

Reproduce:  
open any project with Makecode extension for VS, click “Build Project for Hardware”, then choose whatever a HW.  
Modify source code, then project re-build automatically.  
Project in simuator still previous edtion before, and no longer update unless close/reopen VSCode.

Browsed source, looks like:

> <https://github.com/microsoft/vscode-makecode/blob/a479713e773480ec015f7b2defc8d0bb9eb70f8c/src/web/extension.ts#L361>

- Simulator always load binary.js from **build/binary.js**
- But “Build Project for Hardware” updated BuildOption, then redirected path to **build/HW/binary.js**. And “Build Project” compiled for that HW only after that, and then only **build/HW/binary.js** be updated.

I searched in the repos, didn’t found any relative issue. I am curious why every my project could repro this, but no one else mentioned. So discuss with you here first to have a confirm, before I create a issue on github.

---

<div class="post-metadata">

**Author:** ![richard](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/richard/32/5417_2.png) [@richard](https://forum.makecode.com/u/richard)\
**Post date:** [August 21, 2023, 5:37pm UTC](https://forum.makecode.com/t/makecode-for-vscode-just-dropped/18814/11 "2023-08-21T17:37:42Z")

</div>

yup, that seems like an issue!

---

<div class="post-metadata">

**Author:** ![ChimbroDaPro](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/chimbrodapro/32/15852_2.png) [@ChimbroDaPro](https://forum.makecode.com/u/ChimbroDaPro)\
**Post date:** [August 21, 2023, 9:29pm UTC](https://forum.makecode.com/t/makecode-for-vscode-just-dropped/18814/12 "2023-08-21T21:29:00Z")

</div>

Wow. _I TOTALLY KNOW EXACTLY WHAT YOU’RE TALKING ABOUT._

(Fun fact: I don’t!)

---

<div class="post-metadata">

**Author:** ![Luke](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/luke/32/32519_2.png) [@Luke](https://forum.makecode.com/u/Luke)\
**Post date:** [August 22, 2023, 4:23pm UTC](https://forum.makecode.com/t/makecode-for-vscode-just-dropped/18814/13 "2023-08-22T16:23:28Z")

</div>

yeah i understand… 🫠

---

<div class="post-metadata">

**Author:** ![Vegz78](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/vegz78/32/1201_2.png) [@Vegz78](https://forum.makecode.com/u/Vegz78)\
**Post date:** [October 30, 2024, 4:47pm UTC](https://forum.makecode.com/t/makecode-for-vscode-just-dropped/18814/14 "2024-10-30T16:47:44Z")

</div>

Great extension for VSCode and [video](https://forum.makecode.com/t/vs-code-day-makecode-arcade-extension-video/19449)!

But just to understand correctly:

1. _This extension is only for Arcade projects, and not micro:bit, Minecraft and other editors, right?_ (At least the simulator and build for hardware stuff?)  
  
2. The extension description text states: “_Code, create pixel art, and play your game in **both native VS Code and** [vscode.dev](https://insiders.vscode.dev/makecode)!_”, but when I try to start the simulator and run some imported game project in [vscode.dev](https://insiders.vscode.dev/makecode) and github.dev with the extension loaded (and once again after a restart), I get:  
 ![Skjermbilde](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/3X/7/4/74975bdb8041524dd03c883e7dfbb48ee034d440.jpeg)  
  
_Am I doing something wrong?_  
(The online editors builds projects for hardware using the extension, though.)

---

<div class="post-metadata">

**Author:** ![Vegz78](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/vegz78/32/1201_2.png) [@Vegz78](https://forum.makecode.com/u/Vegz78)\
**Post date:** [November 5, 2024, 5:35pm UTC](https://forum.makecode.com/t/makecode-for-vscode-just-dropped/18814/15 "2024-11-05T17:35:23Z")

</div>

Bump.

---

<div class="post-metadata">

**Author:** ![RandyCHS](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/randychs/32/539_2.png) [@RandyCHS](https://forum.makecode.com/u/RandyCHS)\
**Post date:** [November 7, 2024, 10:55pm UTC](https://forum.makecode.com/t/makecode-for-vscode-just-dropped/18814/16 "2024-11-07T22:55:25Z")

</div>

Nice to see this topic is still alive. I’d like to show my more advanced students how to use VSCode to develop in MakeCode Arcade. The debugger is one thing that is holding me back. I see that some debugger features are being worked for the vscode-makecode extension here: [vscode-makecode-debug](https://github.com/microsoft/vscode-makecode/tree/debug). Is this available in the recently released extension. If not, any ideas when it will be released?

---

<div class="post-metadata">

**Author:** ![richard](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/richard/32/5417_2.png) [@richard](https://forum.makecode.com/u/richard)\
**Post date:** [November 7, 2024, 10:56pm UTC](https://forum.makecode.com/t/makecode-for-vscode-just-dropped/18814/17 "2024-11-07T22:56:40Z")

</div>

@RandyCHS not available yet! something i’m working on during the rare occasions when i have free time. as such, i don’t have a timeline to give you yet (but i want it too, so you can bet i’ll keep working on it)

---

<div class="post-metadata">

**Author:** ![RandyCHS](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/randychs/32/539_2.png) [@RandyCHS](https://forum.makecode.com/u/RandyCHS)\
**Post date:** [November 7, 2024, 11:07pm UTC](https://forum.makecode.com/t/makecode-for-vscode-just-dropped/18814/18 "2024-11-07T23:07:55Z")

</div>

Thanks for the speedy reply. When you have something workable, I’d be happy to test it out. 👌

---

<div class="post-metadata">

**Author:** ![TheEarth](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/theearth/32/34579_2.png) [@TheEarth](https://forum.makecode.com/u/TheEarth)\
**Post date:** [August 30, 2026, 5:04am UTC](https://forum.makecode.com/t/makecode-for-vscode-just-dropped/18814/19 "2026-08-30T05:04:12Z")

</div>

not entirely what the topic is about but @Richard my goat is their a way to rename assets in vscode 🥺

---

<div class="post-metadata">

**Author:** ![Kikketer](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/kikketer/32/16551_2.png) [@Kikketer](https://forum.makecode.com/u/Kikketer)\
**Post date:** [August 30, 2026, 7:03pm UTC](https://forum.makecode.com/t/makecode-for-vscode-just-dropped/18814/20 "2026-08-30T19:03:01Z")

</div>

Renaming assets in VSCode I’ve only had luck editing the images.g.jres and images.g.ts manually. Then kind of shaking the box a bit so that it reflects in the images list in the Makecode extension.

 ![image](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/3X/2/b/2b16659dd8f15e24eb8f5ed6d6c31d3db2824c21.png)

 ![image](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/3X/c/2/c2ba7ed60d9d634bbeb2faac356d74caf622a70d.png)

 ![image](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/3X/3/2/3203797ccafb6a98731f408aa825c7415eff346e.png)

[Next page](https://forum.makecode.com/t/makecode-for-vscode-just-dropped/18814.md?page=2)
