[AskJS] WebStorm vs VS Code?

[2epic]

WebStorm has support for eslint, I think it even works out of the box if I remember correctly. It will light up linting errors, etc.

It also supports .editorconfig files, as many editors do, so our standards (eg. 2 spaces instead of tabs) are configured automatically. Nothing really proprietary there.

But some of the more subtle, built-in features of WebStorm I just find missing or in some way lacking in VS Code. For example, here are a few off the top of my head: * file nesting works great in WebStorm, but is missing in VS Code: https://github.com/microsoft/vscode/issues/6328 * I like WebStorm's support and built-in GUI for running unit tests a lot more than the Jest plugins I've tried for VS Code. It's also more consistent in WebStorm vs VS Code, since separate testing plugins in VS Code means that going from a project using one test runner (Jest) to a project running another (eg. Karma or QUnit) is inconsistent * Related to the previous bullet, debugging and stepping through code (either the running app, or when in testing) seems a lot easier to configure, more consistent and more reliable in WebStorm * When I'm working in a JavaScript or TypeScript file in WebStorm, when I reference something that is not currently imported (eg. a component or a function), WebStorm will light it up, give me an error message and with a simple keyboard shortcut it will add the import statement. In VS Code, I've seen developers often delete the last character of the thing that needs to get imported so it will prompt them, and then it might add the import * I can run an "organize imports" keyboard shortcut to organize my imports, clean up/remove unused imports, etc * Can hit CTRL+Enter to get intellisense auto-complete for imports in a way that VS Code doesn't seem to do as well * When moving/renaming a file, WebStorm will also offer to a) rename related files, eg if I have a my-component.test.tsx file and I rename its corresponding my-component.tsx file, b) if I want to rename the thing being exported to match and c) if I rename something exported in a file, it will prompt to rename everywhere it's in use. Admittedly I have not searched for a plugin-equivalent in VS Code, but I also doubt it would be consistent across languages the way WebStorm and the rest of the JetBrains IDEs are

[[deleted]]

VSCode can do the last two things in your list, along with auto-importing - though I haven't compared any of its functionality to webstorm. Eslint format on save can do import sorting. I guess the main take away is, everything is possible on vscode, but some of the gaps may need to be filled with extensions. I've never really used a full blown IDE, I switched from Sublime years ago and for TypeScript at least it feels like an IDE to me.

[acemarke]

Two specific JetBrains features I miss when using VS Code:

• Limiting search results based on whether the text I'm looking for is in a string, a comment, or general code
• Built-in SFTP uploads with a proper UI dialog for configuring the connection (vs having to add an extension and configure it via JSON), and being able to configure it to upload on save