Node or PHP?

Headless or traditional CMS?

React or Vue?

VS Code or Sublime?

Different projects require different tools. Developers must pick the right ones, which is no small task in this fast-paced environment.

And your first pick—choosing a code editor—is crucial.

In this post, I want to explore two of them, Visual Studio Code and Sublime Text, and help you make that decision.

Why these two, you ask? Because:

  1. They’re two of the most popular code editors right now.
  2. They’re the ones our team has used the most.

I’ll present both of them, and compare their advantages & limitations.

I’ll then dedicate a full section to JavaScript development on VS Code. Frontend developers, you might want to stick around for that last one!

What is Visual Studio Code?

VS Code was released in 2015 by Microsoft. It’s cross-platform, open-source, and completely free.

Don’t let its young age fool you though: it grew crazy fast and already has a broad extensions & plugins community.

visual studio code

It’s the code editor that our development team uses the most for day-to-day tasks. But I promise to stay impartial. ;)

When asking why devs choose VS Code as their primary editor, the same characteristics often come up: lean, customizable, light & fast.

Some key features also helped make it so popular. First, its super smart IntelliSense provides the best autocomplete discovery for a bunch of languages.

vscode-intellisense

Its support for debugging (mainly for Node.js & JavaScript, which I’ll come back to later) also eases a lot of pains developers might experience otherwise.

If you haven’t heard, .NET is a big part of our development stack at Snipcart. And even though the old Visual Studio might still be better for older .NET solutions, VS Code is an excellent match for .NET Core.

Without spoiling too much of the end of this post, VS Code is also a very viable match for JavaScript & frontend development…

All in all, Visual Studio Code is a great tool. Our team recommends it to any developers who like to fine-tune their code environment.

Its large library of extensions can be found here, in the Visual Studio Marketplace.

What is Sublime Text

Sublime is a more mature code editor, already over a decade old. It was released in 2007 by Jon Skinner, a former Google engineer. It presents itself as a a sophisticated text editor for code, markup and prose.

Also cross-platform, Sublime isn’t free, at a price of 80$/license.

sublime text

Much like VS Code, Sublime gets lots of praises when it comes to performance and customization.

Some say it’s the fastest text editor for writing code. Not only in general performance but also to run fast searches across any number of files. It reaches this level of performance by being very, very lightweight.

Overall, Sublime is a great jack-of-all-trades platform that is sure to please any developer with its speed and stability.

All of its extensions are listed here, in Package Control.

Visual Studio Code Vs. Sublime Text

visual-studio-code-vs-sublime-text

General comparison

It’s hard to pinpoint a clear winner in this comparison.

These are both very reliable tools. You probably won’t regret your choice no matter which one you go with. Once again, this post was created to guide you through that decision.

Editor performance

On a pure speed level, Sublime is hard to beat. The main issue with VS Code when it comes to performance is that it’s based on the Electron framework which uses an instance of Chromium. This makes the app slower at launch.

This is an issue only if you really care about these few seconds of startup load time. It looks like most developers can live with it, as VS Code is fast enough the rest of the time.

Also, Sublime’s performance seems to get way more impacted by bigger projects. On the other hand, VS Code scales well in that regard.

If you’re used to working with Atom though, both will feel like a significant improvement for performance!

Sublime, however, takes the win when it comes to performing quick searches. When you open a project, it automatically runs a “symbol analysis,” spotting keywords in your code. With a simple command, you can easily find class names and methods within your files. You’ll be able to do the same in VS Code, but only with a few languages supported out-of-the-box.

#visual studio code #visual studio #css #coding

Visual Studio Code VS Sublime for JavaScript & Frontend Development
2.95 GEEK