Why I ditched Sublime for VS Code

Pim Hooghiemstra
Mar 8, 2019 · 4 min read

I have been very happy with Sublime Text (v3) for a long time. However, this week I dove into TypeScript for Vue and their docs mentioned the use of Visual Studio Code (or VSCode) as their (free) editor of choice, having syntax highlighting and so on. So I thought it was time to give this editor a try.

Image for post
Image for post
Lately, I ditched Sublime for VS Code

I am very impressed with the intuitive interface and how fast it is (lightweight). With only a handful of extensions and half an hour of intro videos I was ready for my next project!

In this post I’ll describe the setup for VS Code that improved my workflow coming from a Sublime background. Note that because I work a lot with Laravel (PHP) and Vue (JS), my setup and choice of extensions is generally biased in the direction of these languages and frameworks.

Please note that all shortcuts presented in this post are for Mac users.

Download

VS Code is free to download. Download and installation instructions can be found online.

Extensions

Extensions are written by the community and add all kinds of functionality to the editor. Working a lot with PHP (Laravel) and Javascript (Vue and occasionally jQuery), I value the following extensions a lot:

  • Vetur (Vue and TypeScript syntax highlighting)
    Even Less is highlighted in single file Vue components!

I noticed there are specific Laravel extensions as well (Laravel Blade snippets, Laravel Artisan and Laravel Docs to name a few), but I haven’t tested them yet.

Shortcuts

The Emmet plugin is included out of the box! Furthermore, most shortcuts I know from Sublime still work (copy line, paste line, cut line, multiple cursors (use option key instead of command)). There is an online pdf for print which lists the majority of useful commands.

However, as with Sublime, many shortcuts use multiple keyboard keys which makes it less useful for those hurting from repetitive strain injury. So I recommend use them with care.

Settings

The default settings of VS Code are easily customised. You can either open the settings panel via the VS Code menu or with a shortcut (command + ,). The only changes I applied were for ‘word-wrap’ and for ‘previewing files’. Changing these settings was as simple as

  • Enable word-wrap in editor: open VSCode preferences > Settings (command + ,) and type ‘word wrap’ in the search bar. Editor word wrap is off by default. I turned it on. This yields normal line lengths which is much better in my opinion.

Integrations and handy features

Working with VS Code also improved my workflow. Below are some features that I really like in VS Code.

  • VS Code is Git aware: you can see your current branch and the ‘state’ of your working dir (in the bottom bar). You can even create a commit from inside the editor via the Git icon in the vertical menu bar on the outer left side of the editor.

Conclusion

After trying this new editor for approximately two weeks I must say this is definitely the best editor I have ever used. Clean and lean at first, but very rich with lots of features. Coming from Sublime, this editor really improved my workflow!

Originally published at www.blog.plint-sites.nl on March 8, 2019.

PLint-sites

Dutch based webdevelopment company, focussing on modern…

Pim Hooghiemstra

Written by

Love to build Laravel + Vue applications! Founder of PLint-sites. https://plint-sites.nl

PLint-sites

Dutch based webdevelopment company, focussing on modern webapplications using Laravel and Vue. Mainly writes about stuff to achieve cool things!

Pim Hooghiemstra

Written by

Love to build Laravel + Vue applications! Founder of PLint-sites. https://plint-sites.nl

PLint-sites

Dutch based webdevelopment company, focussing on modern webapplications using Laravel and Vue. Mainly writes about stuff to achieve cool things!

Medium is an open platform where 170 million readers come to find insightful and dynamic thinking. Here, expert and undiscovered voices alike dive into the heart of any topic and bring new ideas to the surface. Learn more

Follow the writers, publications, and topics that matter to you, and you’ll see them on your homepage and in your inbox. Explore

If you have a story to tell, knowledge to share, or a perspective to offer — welcome home. It’s easy and free to post your thinking on any topic. Write on Medium

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store