Neovim PDE — Web Development

Configure a PDE for web development.

6 min readJun 1


Neovim PDE — Web Development

Neovim is a highly customizable editor, and we can tailor it to suit our preferences and workflow.

In this article, we will configure a personalized development environment (PDE) for web programming.

This article is part of the Neovim PDE series.

The Neovim configuration files are available in this repository.

Getting Started

Neovim integrates well with other tools and frameworks used in web development. We can leverage Neovim’s built-in terminal emulator to run command-line tools or test web applications.

Neovim also has a rich ecosystem of plugins that can enhance our web development workflow.

This article will add specific configurations for web programming, such as HTML, CSS, JavaScript, TypeScript, and frameworks like React, Angular, Svelte, and Vue.js.


To support HTML and CSS development, we add the following configuration in the lua/pde/html.lua file.

With this configuration, LSP completion should work for HTML and CSS files.





Software engineer, Data Science and ML practitioner.

Recommended from Medium


See more recommendations