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

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 Neovim

The easy way is using MordechaiHadad/bob: A version manager for neovim.

bob install stable
bob use stable

Install the config

Make sure to remove or move your current nvim directory

git clone https://github.com/jellydn/nvim-for-webdev.git ~/.config/nvim
rm -rf ~/.config/nvim/.git

Usage with NVIM_APPNAME

git clone https://github.com/jellydn/nvim-for-webdev.git ~/.config/nvim_webdev
alias web_nvim="NVIM_APPNAME=nvim_webdev nvim"
web_nvim

You should restart Neovim to apply the changes after installing the starter template.

Extra plugins from LazyVim

Add below plugins to lazy.lua, more detail on https://www.lazyvim.org/plugins

    { import = "lazyvim.plugins.extras.test.core" },
    { import = "lazyvim.plugins.extras.lang.json" },
    { import = "lazyvim.plugins.extras.lang.tailwind" },
    { import = "lazyvim.plugins.extras.util.mini-hipatterns" },
    { import = "lazyvim.plugins.extras.ui.edgy" },
    { import = "lazyvim.plugins.extras.linting.eslint" },
    { import = "lazyvim.plugins.extras.lang.yaml" },
    { import = "lazyvim.plugins.extras.lang.typescript" },
    { import = "lazyvim.plugins.extras.coding.codeium" },
    { import = "lazyvim.plugins.extras.coding.copilot" },
    { import = "lazyvim.plugins.extras.coding.tabnine" },
    { import = "lazyvim.plugins.extras.ui.alpha" },
    { import = "lazyvim.plugins.extras.lsp.none-ls" },

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.

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
• How to use NVIM_APPNAME for Neovim Switcher

Author

👤 Huynh Duc Dung

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

Show your support

Give a ⭐️ if this project helped you!