Neovim PDE — Web Development

Configure a PDE for web development.

alpha2phi

--

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.

HTML and CSS

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.

LSP — HTML

--

--

alpha2phi

Software engineer, Data Science and ML practitioner.