Welcome to nvim-for-webdev 👋

Are you a web developer working with JS, Typescript, React, and Tailwind CSS? Check out the Neovim and LazyVim plugin starter template!

Starter Template for Web Developers

[Note:] This Neovim configuration is based on the starter template at https://github.com/jellydn/nvim-for-webdev and is extensively enhanced for use with Lazyman.

This is a starter template for LazyVim. Refer to the documentation to get started.

Find detailed resources for each plugin in the accompanying readme. Start your web development journey with Neovim and LazyVim today!

Install Lazyman

git clone https://github.com/doctorfree/nvim-lazyman $HOME/.config/nvim-Lazyman
$HOME/.config/nvim-Lazyman/lazyman.sh

Install the Webdev Neovim configuration

lazyman -L Webdev

Configure the shell environment

export NVIM_APPNAME="nvim-Webdev"
alias wvim="NVIM_APPNAME=nvim-Webdev nvim"

Keymaps

• Add custom mappings for quickly exiting insert mode, closing buffers, opening the Alpha dashboard, displaying NullLs info, and toggling certain features of the Gitsigns and Todo Comments plugins.

UI

Dashboard

Folding

• Add UFO folding and hover to preview

Setup IDE

This IDE setup includes several plugins for Neovim that provide features such as autocompletion, documentation generation, and formatting. The setup includes the Codeium plugin, which is a competitor to GitHub Copilot, as well as the Tabnine autocompletion plugin. Additionally, the setup includes the vim-jsdoc plugin for generating documentation, and plugins for sorting Tailwind CSS classes using Rustywind and null-ls.nvim.

Plugins

bars-and-lines

• luukvbaal/statuscol.nvim

color

• folke/twilight.nvim

colorscheme

• folke/tokyonight.nvim
• catppuccin/nvim
• olimorris/onedarkpro.nvim
• rebelot/kanagawa.nvim
• Mofiqul/dracula.nvim
• EdenEast/nightfox.nvim
• neanias/everforest-nvim

completion

• hrsh7th/nvim-cmp

editing-support

• folke/zen-mode.nvim
• windwp/nvim-ts-autotag
• mrjones2014/nvim-ts-rainbow
• Wansmer/treesj

keybinding

• anuvyklack/keymap-amend.nvim
• folke/which-key.nvim

lsp

• jose-elias-alvarez/null-ls.nvim

lsp-installer

• williamboman/mason.nvim

plugin-manager

• folke/lazy.nvim

preconfigured

• LazyVim/LazyVim
• doctorfree/nvim-lazyman

project

• windwp/nvim-spectre

scrolling

• karb94/neoscroll.nvim

snippet

• L3MON4D3/LuaSnip

startup

• goolord/alpha-nvim

statusline

• nvim-lualine/lualine.nvim

syntax

• nvim-treesitter/nvim-treesitter-textobjects
• nvim-treesitter/nvim-treesitter

treesitter-based

• mfussenegger/nvim-ts-hint-textobject

utility

• anuvyklack/fold-preview
• rcarriga/nvim-notify
• kevinhwang91/nvim-ufo

Language Servers

• html
• svelte

Resources

• https://codeium.com/compare/comparison-copilot-codeium
• https://github.com/Exafunction/codeium.vim
• https://www.tabnine.com/blog/tabnine-vs-github-copilot/
• https://github.com/tzachar/tabnine-vim
• https://github.com/codota/tabnine-nvim
• https://github.com/heavenshell/vim-jsdoc
• https://github.com/avencera/rustywind

Tutorial

• LazyVim: Linting and Formatting
• LazyVim: Tailwind CSS Support

Authors

👤 Ronald Joe Record

• Website: https://ronrecord.com/
• Twitter: @ronrecord
• Github: @doctorfree

👤 Huynh Duc Dung

• Website: https://productsway.com/
• Twitter: @jellydn
• Github: @jellydn

Show your support

Give a ⭐️ if this project helped you!