ESLint has become the dominant linting tool for JavaScript developers due to it’s comprehensive support for all the modern features of the language, and also its easy extensibility. It also helps you avoid problematic patterns or code that doesn’t adhere to certain style guidelines. Linting your code with ESLintĬode linting helps you identify potential errors in your code without having to run the code. This means I’m covered when switching between different JavaScript frameworks as well as other programming languages. vue files for example, vim-polyglot takes care of that without much fuss. So, instead of having to add another plugin to provide syntax highlighting for.

However, I later replaced those two with vim-polyglot which is a plugin that bundles several other syntax plugins for over 100 languages, and loads them on demand so that performance is not affected. I found that vim-javascript and vim-jsx solved my problems in both instances. Vim supports basic syntax highlighting for JavaScript but I found it suboptimal especially when it comes to modern ES2015+ syntax, and it doesn’t support JSX when working with React. As this post mainly deals with installing and configuring plugins for Vim, I recommend that you adopt vim-plug as your plugin manager if you don’t use one already. So, in this article, I want to talk about some of the plugins and tools that I’ve taken advantage of to make writing JavaScript a more pleasurable experience in Vim.Īll the plugins and settings were tested, and confirmed to work on Vim 8.1 and Neovim 0.4.0, the latest versions at the time of writing.

In the process, I’ve tweaked my configuration several times until I finally achieved a setup that I can say I’m really happy with.

I’ve been using Vim for close to two years now, and do all my JavaScript development work in it.

Published on A guide to setting up Vim for JavaScript development

Mac vim config file