Using VS Code as an IDE for THREE.js development

I’m thinking about using VS Code as an IDE for THREE.js.

Am currently using Win 7 and Opera browser for debugging and Notepad++ for source editting.

VS Code seems to be very popular with all sorts of developers, javascript users included. The ability to edit code in the source file during DEBUG is particularly appealing to me. But I don’t know if it will work well for THREE.js graphics. Also concerned about possible learning curve and administration overhead with VS Code.

Does anyone here have experience using VS Code for THREE.js apps? Any issues or recommendations?

Thanks in advance for any thoughts or comments.

Regarding the actual programming, working with three.js is not different than working with any other JS-library. In this context, VSCode is on of the best free editors you can use. I think you can’t make something wrong with it.

VSCode is easy to use and you can immediately start developing after the installation. How much effort you invest in configuration depends on your personal preferences and on your specific project.

Thanks. I was particularly interested in the ability to debug from VS Code while displaying in Chrome. Ive started using VS Code and need to download Microsoft NET (4.5Gb) to get the Chrome debug stuff going…

What debug stuff are you talking about? I’ve never heard of Chrome debugging in VS Code itself, let alone a 4.5Gb setup.

Why don’t you just use Chrome Developer tools? They already come built into the browser, and you save yourself a handful of gigabytes.

What debug stuff are you talking about?

This introducing-chrome-debugger-for-vs-code.

Yeah for debugging Ive been using Opera (based on chromium).

1 Like

I have to give VS Code a plug, i’ve moved to it from sublime text and i really like it. You can hook up the chrome debugger using remote ports and debug from the IDE.

I just installed VS Code and the Chrome debugger on Ubuntu Linux, out of curiosity, and it was about 200mb total. Maybe the 4.5gb is the entire Visual Studio package? That actually sounds about right.

1 Like

I think it’s 4.5GB for the .net framework that needs to be installed because @swatdis is running Win7. If you’re running Win 10 in your machine it may already have it included, and Ubuntu might not need it.

For those that have an option of paying a bit for your tools - I’ve been using Jetbrains Webstorm for many years now - and to my mind it is the best IDE for javascript, thanks to it’s ability to understand JS well and amazing search tools. A lot of things you would need to get plugins for in other IDEs are defaults here, if you use, say node.js, or webpack or Jest or just about any other popular framework library - Webstorm will just understand that and support you in your work with that library.

I haven’t used VS Code much, but I hear it is a very good tool.

PS:
having read my own post I though I should mention that I don’t have any affiliation with Jetbrains, I just think they make IDE good software. :slight_smile:

2 Likes

I use notepad++ as my main text editor for most of my text related needs… from grocery lists to composing letters etc. For JavaScript development i only use VS Code and are very happy with it.
It is about as compact and simple as notepad++.
I think it combines the best aspects of notepad++, sublime text and the (bloated) visual studio.

I’m using Webstorm as well, there is another IDE asides VSCode that basically is the same with another name, it corrupted source files for me before, and i also heard there isn’t only tracking but they send your source to their servers for “analysis”, but i don’t know for sure if it’s true, after it corrupted my files i didn’t trusted it already anymore.

As much as i despise Java based applications (slow, memory hungry, buggy) they did a great job with WebStorm/PhpStorm.

1 Like

I can confirm that Webstorm is great. VSCode is nice and free, but to me it got a little too hard to keep an overview of all that was going on in my project.

The main reason is that VSCode only supports one sidebar - so you can not use modern wide screens to the max. And features disappeared and reappeared with updates, like the search/filter option in the outline window.

There was one annoying feature that you can turn of in VSCode: when you open a file but do not modify it, and you then open another, the first one will be closed. Hated that, took me a while to figure out it was just a setting.

In Webstorm I keep dragging editors around when I don’t want to - I haven’t figured out when it happens, but sometimes I click in a document and I suddenly am dragging the editor tab.

1 Like

Please, which setting is this? :smiley:

workbench.editor.enablePreview

1 Like

I moved to VS Code after two years of writing my code in plain old notepad, so I’m not really able to say much other than that it works great with git, has a rich ecosystem of plugins that will make your life easier and, last but not least, if you’ll ever find yourself curious about TypeScript, it’s one of the best editors out there.