In this 5 minutes of Vim goodness we’ll break the shackles of convention and become slightly more productive when using Vim. Here we go!

I cannot believe another year has passed! And I really can’t believe that 2020 is upon us. The 2020 of flying cars, hoverboards and deep space exploration. But indeed it has, and that means that it is time for the traditional reflective year summary, a wrap-up blog, retrospective of sorts, on what I’ve achieved the past year, my biggest fails, what I’ve learned and what I am planning to do in 2020.

It has been a looooong time since the last time I wrote a wizard log, yet I haven’t been idle. Not quite. But some context may be needed.

Svelte is a modern web framework that takes a novel approach to building web applications by moving the bulk of its work from runtime to compile-time. Being a compiler-first framework allows Svelte to do some very interesting stuff that is unavailable to other frameworks like disappearing from your application at runtime, or allowing for a component centered development with HTML, JavaScript and CSS coexisting within the same Svelte file in a very web standards friendly fashion.

In this series we’ll follow along as I use Svelte for the first time to build an app. I’ll use my go-to project¹ to learn new frameworks: A Pomodoro Technique app, which is a little bit more involved than a TODO list in that it has at least a couple of components (a timer and a list of tasks) that need to interact with each other.

In this part 3 of the series we continue our project by making it possible to create a list of tasks and estimate the number of pomodoros it will take to perform them. Let’s get started!

Vim comes with basic support for tons of languages out of the box like syntax highlighting and sensible rules of indentation. However, even with popular languages like JavaScript you won’t get great autocompletion, semantic navigation, diagnostics, etc… Features that you may have come to expect in this day and age. And when it comes to more modern or niche languages like Svelte, JSX or TSX, the syntax highlighting isn’t even there.

In this article you’ll learn how to setup Vim to get a better developer experience with both popular programming languages like JavaScript and modern languages like TypeScript, Svelte and JSX.