VS Code – The Best Code Editor

Sublime Text is an awesome editor, using it for almost like 4 years are so. Its lighting fast and tons of useful plugins which easies the work. There are lot of great editors out there like Sublime Text, Atom, Brackets, Notepad++, but they are not even close to Sublime Text or I thought so until I heard about VS Code. It’s really an amazing editor and so far considering as the best code editor. It does great number of features and speed isn’t that slow too. But the features and intelligence VS Code provides is the most highlighting one. So let’s see what VS Code has to offer which makes it an best code editor.

VS Code – The Best Code Editor

Installation

VS Code is made by Microsoft and no doubt why it is best (and free).
Installation is very simple and compatible for Windows, Linux and Mac. https://code.visualstudio.com/Download. I’ve already tried in Linux, so I’m installing VS Code Editor in Windows 10.

Getting Started

The welcome page is very neat, it shows all required things which is necessary when you install an editor, something which is not in Sublime Text.

code like a poem - best code editor

1. Importing Keymap From Sublime Text With Ease!

With just a click, all keymap from Sublime Text 3 will be setting to VS Code. Amazing, you can still feel the Sublime Text with the new editor. Thats a very thoughtful feature of this new editor. You can do the same import from ATOM, or VIM, etc.

code like a poem - best code editor

2. Neater Workspaces

The workspace is very neat, it has all the required things all around.
Ability to add multiple workspaces, the same shortcut you use in Sublime Text ctrl + p to search all files within the workspace.
The speed is not great compared to Sublime Text, which is much much faster

code like a poem - best code editor

3. Extensions

Installing extensions is very easy, its already there in your left side. You don’t need to search for it in Google and you will get an instant preview all the extension in the editor itself. Pretty mazing!
VS Code will by default shows you the recommended extensions which required for your project.
If you are using Javascript project, it will ask to install ESLint and on seeing a Docker file, it will recommended to use Docker extension.

code like a peom - best code editor

4. In-built GIT Access

Another inbuilt extension which come along with VS Code is the GIT. Once you open a GIT repository project, you can just do all the GIT commands in the Editor itself.

code like a poem - best code editor

You don’t anymore use of a separate GIT GUI!
Not only that, resolving conflict and merging is way more neater

code like a poem - best code editor

5. In-built Terminal!

Wow, doing ‘ctrl+ `’ opens the terminal! Incase for windows, PowerShell! Its like VS Code has almost everything required to start a project!

code like a poem - best code editor

6. Docker Explorer

One of the amazing extension which is the Docker explorer. You could control the whole Docker stuff in the editor itself!
Easy to start the container, inspect or execute the container without leaving the Editor

code like a poem - best code editor

7. Color Themes!

Of Course, color and themes, a feature every editor has and VS Code does it more easier by showing preview in the editor itself, unlike Sublime Text which you got no preview from the editor.

code like a poem - best code editor

8. Beautify those Ugly Files!

With the beautify extension, you can easily prettify a file like HTML, JSON, XML, CSS. Somewhat important extension which i couldn’t find in Sublime Text. Especially an XML file beautifier.

code like a poem - best code editor

code like a poem - best code editor

9. Easy syntax styling & color copying

Many gonna love this feature, just copy the code from VS Code and paste in email or docs, you will get the whole syntax and style color used from the theme, you don’t need to install anything for this default lovely feature. This one definitely beats Sublime Text copy-paste.

code like a poem - best code editor

Well, there are still more features like Debugging, running tasks, etc, which we will see in separately. So far, these features are really great and neat! Some features I didn’t see in any other editor. Lets see how VS Code does in long run, but so far, this is the best editor I have seen and so does Sublime Text! Both are amazing editors, but I gonna try VS Code for a while and see which one tops!

My Secret Love For Atom — Going From Sublime Text to ATOM

One of the best sidekick for awesome programmer is the tool he/she chooses. I know that relying completely on a tool can slow us down but some tools are very important which defines a programmer. One of them is the editor he chooses. Long long back ago, one of my favourite was (sometimes still) is notepad++ when I’m working in Windows. I never could find a better, fast, easy editor like notepad++. Every since I moved on to linux for development, notepad++ was missing! It was a great lose to me in the beginning. I tried lot of editors like gedit, eclipse and etc. All of them are, well… okay to some extent but it never made me feel like “its the one“. Then i meet Sublime Text which I fell in love instantly and using it for more than 3 years now! But, after this long while and I fell in love again… for ATOM text editor.

My Blossoming Love With Sublime Text 2 & 3

Never I could find such a finer editor in my life, it is the best I could say which exist! Its perfect in all the way, It is smooth, lighting fast, tons of themes and dozens of packages. Below are the few reasons which makes a Sublime Text an awesome editor.

  • Like i said, smooth, lighting fast!
  • Based on Python and all settings are in JSON files (easy customizing)
  • Ease to install packages and themes
  • ctrl+p the life saver! Easy switch to files.
  • Tons of key bindings and shortcuts and easy way to customize them
  • Supports in Windows, Linux and OS X
  • Its free!!!

And here are the some of the finest packages/themes provided by Sublime Text

One Loves that Fades… Another Blossoms!

As times goes by (its like 3 years with Sublime Text), it started to feel little bored and I couldn’t see any huge difference in Sublime Text 2 to 3. Lot of packages and themes still growing and ofcourse, its still fastest when i met! But, there isn’t much huge change or cool updates.

Lately, I took resolution to study Python this year and found this book useful “learn python the hard way” (and its free online). The installation suggest to try something new called atom– yet another editor! I remember trying ATOM text editor long time ago and went off as it looks same as sublime and my love of sublime was more then! Today I tried again to give it a whirl (why not!). But I’m pretty much in awe after installating it! Its somewhat more grand and smooth! Its like falling in love at first sight! (not the first ofcourse). Some of the stuffs which got me loving this Atom text editor are

First impression, Best impression!

As soon as double click the ATOM icon, the first page look awesome! It was neat! Great start page. Its like Sublime but in a neater way!

ATOM welcome page
ATOM welcome page

Look at the above screenshot, neat 2 column layout with one introduction and right has everything you need to get started! Where as in Sublime Text, introduction will printed as text and no! information about how to get things started with themes and packages. We gotta install the package manager separately and start installing. This small but finer and clear information about these installation in the way beginning highly impressed me! (So I continued further…)

Theming – much easier to install!

Installing the theme is just a click way. I feel like Windows! Everything done snappy in click button.

ATOM settings page
ATOM settings page

As you can see, instead of Sublime Text everything is like HTML inputs, checkbox, color picker. There are lots of options to mess around. And yea, it also has the Google material theme.

ATOM Google UI
ATOM Google UI

But I’m lost the love of Android to Apple last year, so yea… I love the default ‘One Light’ UI and Syntax which is simple and elegant.

Looks – Smoothier and More Appealing!

Interface (sidebar + syntax area) is smooth similar to Sublime Text. The theme ‘One Light’ makes a milky look to the editor. It has the default ‘bracket matcher’, markdown preview, Git diff, able to add snippets.

ATOM package menu
ATOM package menu

It also has the variety of selections like select word, multiple word selection similar to pressing ctrl + d like in sublime text. There is a extra one which i found is the ‘select inside brackets’ which is seriously help for me as I work with huge unprettified XML & HTML files, its easy for me to select a chunk of a node. There is a shortcut of the same in Sublime Text or was it using an ‘add on’? Not sure. But its not clear as it is ATOM text editor.

Even the ctrl + shift + p is appealing in ATOM text editor.

ATOM smooth looks
ATOM smooth looks

Overall ATOM text editor is as good as Sublime Text but I’m starting to feel its much more than Sublime Text. But, I’m still going to use Sublime as my editor as i cannot replace with ATOM text editor just by using it in one day. So, I’m going to use partially for a week and then lets see. Both are great editors and best out there! So gonna for either one of them!