Visual Studio Code vs Leo Editor

Visual Studio Code comes fairly complete out of the box, but there are many plug-ins available to extend its functionality.

There is very solid TypeScript integration in Visual Studio Code. Both are developed by Microsoft and VSC itself is written in TypeScript.

VSC includes debugging tools for Node.js, TypeScript, and JavaScript.

You don't need to configure and add plugins before being productive. However, you can add plugins if needed but for the basics you're well covered.

There's no need to press alt+tab to go to a terminal: it is directly integrated into the editor. Shift+~ is a handy hotkey to toggle the integrated terminal.

For a 'wrapped' web-based application, Visual Studio Code performs very well.

Released under the MIT License.

VS-Code has the speed of Sublime and the power of WebStorm. Perhaps this is the best software that Microsoft has ever created.

JavaScript IntelliSense allows Visual Studio Code to provide you with useful hints and auto-completion features while you code.

Visual Studio Code has integrated Git control, guaranteeing speed, data integrity, and support for distributed, non-linear workflows.

There's a new release of Visual Studio Code every month. If you are one of the insiders then releases are daily.

ESLint integrates great. You can define your rules trough .eslintrc.* as usual and vs code will autofix your code on save. So your code is always in style.

Extensions are written in either Typescript or JavaScript.

It's really nice to see how the code editor evolves. Every month there is a new version with great communication of new features and changes.

Task runners display lists of available tasks and performing these tasks is as simple as a click of the mouse.

All it takes is one stop for all the features many people need.

Snippets are templates that will insert text for you and adapt it to their context, and in VSC they are highly customizable.

The ease of getting assistance and finding tutorials is increasing as the community grows.

It leverages TypeScript compiler functionality to statically type check JS (type inference, JSDoc types) with "javascript.implicitProjectConfig.checkJs": true option.

Excellent Python plugin, originally created by Don Jayamanne, now hired by Microsoft to extend and maintain the extension.

The Omnisharp plugin is very powerful providing full sln, csproj, and project.json support.

It supports pretty web rtl languages like arabic languages when most of other editors don't support it.

These features allow you to have a glance at code without opening it as a whole in a separate tab. Moreover, editing is allowed.

With outlines functions and classes can be arranged and grouped with their logical neighbours, even nested. Whole branch hierarchies can be expanded and collapsed in a single key stroke, or moved from this spot to that, as best fits the thinking or troubleshooting of the day. Outline trees make navigation across broadly different areas an effortless exercise. See your whole project in a single view, across any number of external files and modules.

All Leo editor commands are available in a command bar, called a "mini-buffer", that feature tab-completion and command history. For example "Find all nodes containing phrase '...', clone them, and paste in a new tree" is a simple alt-x, clone-find-flattened (or cff) away. As is toggle-split-direction, expand/contract-log-pane and execute-script.

Leo's unique concept of 'clones' means you can re-arrange sections of an external file to suit your way of thinking or tacking a specific issue without changing the organization of the source. This makes it a great tool for studying code from others, and perhaps contributing back to them without changing your or their preferred arrangement methods.