So install IntelliJ IDEA Keybindings and save your time on learning new shortcuts or configuring them. Like WebStorm, but free! Keyboard shortcutsĪnd the first that is uncomfortable after the migration is keyboard shortcuts. VS Code is, first of all, an editor, but after installing the necessary plugins for front-end development, its functionality will approach the IDE. Here is how my VS Code looks like Plugins It probably looks better with font size 13 and zoom 0, but bigger elements are safer for the eyes. Even for old-school IntelliJ IDEA users, VS Code market can propose a Darcula IntelliJ theme ?.Īlso, I set the editor font size 12 and zoom level to 1. I’m sure you will find something appropriate for you. The coolest for my eye: One Dark Pro, Material, and Nord. But of course, there are tons of themes in VS Code market. However, I would only recommend Seti or Material icons with it. UI themeĭefault theme Dark+ is fantastic. However, you can turn it off with a tick in the window itself or the settings:īy the way, I will share my entire config at the end of the article. That’s why it launches so fast.Īt start-up, a welcome window is shown by default.
This is because it’s not indexing the entire project. First launchĬompering with WebStorm, VS Code will surprise you with boot time. But what if you work for a company that doesn’t provide a license, or maybe you are tired from slow start-up time and wanna try something new. WebStorm can do all this perfectly, and its file indexing allows the IDE to know your code better than you. I also need comfortable navigation between components and templates while working with JS frameworks like Angular or React. So for me, the code editor should be able to highlight syntax, format code, refactor and autocomplete JS, TS, SCSS/LESS, HTML files. At the same time, I sometimes need to work with the server-side of projects. I have to work on many projects, and each uses different languages and technologies.
Requirements for my development environment Instead, I would like to tell you how I migrated from WebStorm to VS Code many years ago, how I configured it, and especially what we can do to have 3 column diff tool like in WebStorm. In this article, I’m not going to compare WebStorm with VS Code or share the list of top plugins.