My Neovim setup for React, TypeScript, Tailwind CSS, etc

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • SonarLint - Clean code begins in your IDE with SonarLint
  • talent.io - Download talent.io’s Tech Salary Report
  • Scout APM - Less time debugging, more time building
  • packer.nvim

    A use-package inspired plugin manager for Neovim. Uses native packages, supports Luarocks dependencies, written in Lua, allows for expressive config

    git clone --depth 1 https://github.com/wbthomason/packer.nvim \ ~/.local/share/nvim/site/pack/packer/start/packer.nvim

  • neosolarized.nvim

    Truecolor solarized theme for neovim in Lua using colorbuddy (by svrana)

    svrana/neosolarized.nvim - A truecolor, solarized dark colorscheme

  • SonarLint

    Clean code begins in your IDE with SonarLint. Up your coding game and discover issues early. SonarLint is a free plugin that helps you find & fix bugs and security issues from the moment you start writing code. Install from your favorite IDE marketplace today.

  • lualine.nvim

    A blazing fast and easy to configure neovim statusline plugin written in pure lua.

    nvim-lualine/lualine.nvim - A blazing fast and easy to configure Neovim statusline written in Lua

  • lspkind-nvim

    vscode-like pictograms for neovim lsp completion items [Moved to: https://github.com/onsails/lspkind.nvim]

    onsails/lspkind-nvim - VSCode-like pictograms

  • neovim

    Vim-fork focused on extensibility and usability

    Requires Neovim (>= 0.7)

  • LuaSnip

    Snippet Engine for Neovim written in Lua.

    L3MON4D3/LuaSnip - Snippet Engine for Neovim written in Lua

  • cmp-nvim-lsp

    nvim-cmp source for neovim builtin LSP client

    hrsh7th/cmp-nvim-lsp - nvim-cmp source for neovim's built-in LSP

  • talent.io

    Download talent.io’s Tech Salary Report. Median salaries, most in-demand technologies, state of the remote work... all you need to know your worth on the market by tech recruitment platform talent.io

  • iTerm2

    iTerm2 is a terminal emulator for Mac OS X that does amazing things.

    iTerm2 is a fast terminal emulator for macOS. Install one of Nerd Fonts for displaying fancy glyphs on your terminal. My current choice is Hack. And use it on your terminal app. For example, on iTerm2:

  • cmp-buffer

    nvim-cmp source for buffer words

    hrsh7th/cmp-buffer - nvim-cmp source for buffer words

  • nvim-cmp

    A completion plugin for neovim coded in Lua.

    hrsh7th/nvim-cmp - A completion engine plugin for neovim written in Lua

  • nvim-lspconfig

    Quickstart configs for Nvim LSP

    Neovim has a built-in LSP support. You can easily configure it by using neovim/nvim-lspconfig. For example, to enable typescript language server on Neovim:

  • null-ls.nvim

    Use Neovim as a language server to inject LSP diagnostics, code actions, and more via Lua.

    I heavily rely on Prettier to format TypeScript/JavaScript/CSS files. Use jose-elias-alvarez/null-ls.nvim and MunifTanjim/prettier.nvim to accomplish that.

  • prettier.nvim

    Prettier plugin for Neovim's built-in LSP client.

    I heavily rely on Prettier to format TypeScript/JavaScript/CSS files. Use jose-elias-alvarez/null-ls.nvim and MunifTanjim/prettier.nvim to accomplish that.

  • mason.nvim

    Portable package manager for Neovim that runs everywhere Neovim runs. Easily install and manage LSP servers, DAP servers, linters, and formatters.

    If you need additional LSP support for specific libraries, you may need williamboman/mason.nvim and williamboman/mason-lspconfig.nvim. I use them for getting Tailwind CSS language server to work on Neovim.

  • mason-lspconfig.nvim

    Extension to mason.nvim that makes it easier to use lspconfig with mason.nvim

    If you need additional LSP support for specific libraries, you may need williamboman/mason.nvim and williamboman/mason-lspconfig.nvim. I use them for getting Tailwind CSS language server to work on Neovim.

  • lspsaga.nvim

    neovim lsp plugin

    glepnir/lspsaga.nvim is one of my favorite LSP plugins. It provides beautiful UIs for various LSP-related features like hover doc, definition preview, and rename actions. My configuration is simple:

  • nvim-treesitter

    Nvim Treesitter configurations and abstraction layer

    nvim-treesitter/nvim-treesitter - Treesitter configurations and abstraction layer for Neovim

  • tree-sitter

    An incremental parsing system for programming tools

    nvim-treesitter/nvim-treesitter - Treesitter configurations and abstraction layer for Neovim

  • nvim-web-devicons

    lua `fork` of vim-web-devicons for neovim

    Install kyazdani42/nvim-web-devicons to get file icons on Telescope, statusline, and other supported plugins.

  • telescope.nvim

    Find, Filter, Preview, Pick. All lua, all the time.

    telescope.nvim provides an interactive fuzzy finder over lists, built on top of the latest Neovim features. I also use telescope-file-browser.nvim as a filer.

  • telescope-file-browser.nvim

    File Browser extension for telescope.nvim

    telescope.nvim provides an interactive fuzzy finder over lists, built on top of the latest Neovim features. I also use telescope-file-browser.nvim as a filer.

  • nvim-autopairs

    autopairs for neovim written by lua

    windwp/nvim-autopairs is for closing brackets.

  • nvim-ts-closetag

    Use treesitter to auto close and auto rename html tag

    For React apps, you often want to close tags quickly. windwp/nvim-ts-autotag is exactly what you want.

  • nvim-colorizer.lua

    The fastest Neovim colorizer.

    norcalli/nvim-colorizer.lua - A high-performance color highlighter

  • nvim-bufferline.lua

    A snazzy bufferline for Neovim [Moved to: https://github.com/akinsho/bufferline.nvim]

    I use akinsho/nvim-bufferline.lua to get better looking of tabs. Make some customizations to make it look better with Solarized theme:

  • gitsigns.nvim

    Git integration for buffers

    lewis6991/gitsigns.nvim provides git decorations for current buffers. It helps you know which lines are currently changed. It works out of the box.

  • git.nvim

    I often view the code on GitHub. dinhhuy258/git.nvim helps open GitHub right from Neovim, and provides git blame view in split view, which are super handy.

  • zen-mode.nvim

    🧘 Distraction-free coding for Neovim

    folke/zen-mode.nvim - Distraction-free mode

  • markdown-preview.nvim

    markdown preview plugin for (neo)vim

    iamcco/markdown-preview.nvim - Markdown live preview

  • dotfiles-public

    My personal dotfiles

    View on GitHub

  • nerd-fonts

    Iconic font aggregator, collection, & patcher. 3,600+ icons, 50+ patched fonts: Hack, Source Code Pro, more. Glyph collections: Font Awesome, Material Design Icons, Octicons, & more

    iTerm2 is a fast terminal emulator for macOS. Install one of Nerd Fonts for displaying fancy glyphs on your terminal. My current choice is Hack. And use it on your terminal app. For example, on iTerm2:

  • nvim-lua-guide

    A guide to using Lua in Neovim

  • prettierd

    prettier, as a daemon, for ludicrous formatting speed.

    First, you need prettierd:

  • Scout APM

    Less time debugging, more time building. Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts