Skip to content

Customized NeoVim setup for enhanced VueJS, Angular, TailwindCSS, and TypeScript development, featuring integrated tools like Prettier and ESLint, along with a suite of efficient keyboard shortcuts for streamlined coding workflows.

FlorianBx/nvim_config

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

✨ Flbx-nvim

Modern, modular Neovim configuration optimized for Vue.js/TypeScript development

Screenshot 2025-07-08 at 11 31 14β€―PM

πŸš€ Features

  • πŸ—οΈ Modular Architecture - Organized plugin categories for maintainability
  • 🎯 Vue.js/TypeScript Focus - Specialized configurations for modern web development
  • πŸ€– GitHub Copilot Integration - AI-powered code completion
  • ⚑ Performance Optimized - Smart lazy loading and efficient configurations
  • πŸ“ File Explorer - Neotree for seamless navigation
  • πŸ” Enhanced Git Workflow - Gitsigns, LazyGit, and Diffview integration
  • πŸ’Ύ Session Management - Automatic workspace persistence

πŸ“¦ Installation

git clone https://github.com/FlorianBx/nvim_config ~/.config/nvim
nvim

Requirements

  • Neovim 0.9+ - Required for modern features
  • Git - Plugin management
  • Node.js - LSP servers and formatters
  • ripgrep - Fast searching (brew install ripgrep)
  • fd - Fast file finding (brew install fd)

Optional

  • lazygit - Git UI (brew install lazygit)
  • tmux - Terminal multiplexing

⚑ Key Bindings

Leader key: <Space>

πŸ“ Essential

Key Action
jj Exit insert mode
<leader>ew Save file
<leader>eq Quit window
<leader>r Reload buffer
ga Select all

πŸͺŸ Window & Buffer

Key Action
ss / sv Split horizontal/vertical
sx / sw Close split/other splits
<S-h> / <S-l> Previous/next buffer
<leader>c Close buffer

πŸ” Navigation (Telescope)

Key Action
<leader>ff Find files
<leader>fg Live grep
<leader>fb Open buffers
<leader>fr Recent files
<leader>ft Search TODOs

πŸ“ File Explorers

Key Action
<leader>ee Neotree file explorer

🎯 Harpoon (Quick Navigation)

Key Action
<leader>ha Add file to Harpoon
<leader>hh Open Harpoon menu
<leader>1-4 Jump to Harpoon files

πŸ”§ LSP & Diagnostics

Key Action
gd Go to definition
gr Go to references
gi Go to implementation
K Show hover info
<leader>ca Code actions
<leader>rn Rename symbol
<leader>ll Format buffer
<leader>d Show diagnostics
[d / ]d Prev/next diagnostic

πŸ€– AI Completion (Copilot)

Key Mode Action
<C-l> Insert Accept suggestion
<C-]> Insert Dismiss suggestion
<C-\> Insert Next suggestion
<C-[> Insert Previous suggestion

πŸ“ Snippets

Key Mode Action
<Tab> Insert Expand or jump snippet
<S-Tab> Insert Jump back in snippet
<C-e> Insert Change snippet choice

🎨 Vue.js Snippets

Trigger Description
vue3 Vue 3 component template
vref Vue ref with TypeScript
vreactive Vue reactive with TypeScript
vcomputed Vue computed property
vwatch Vue watch function
vprops Vue props with TypeScript
vemits Vue emits with TypeScript

πŸ…°οΈ Angular Development

Key Action
<leader>ac Go to component.ts
<leader>at Go to component.html
<leader>as Go to component.spec.ts
<leader>acc Go to component.css
<leader>ass Go to component.scss

πŸ”€ Git Integration

Key Action
<leader>gp Preview git hunk
<leader>gm Toggle line blame
<leader>lg Launch LazyGit
<leader>gv Git diff view
<leader>gt Git file history

🚨 Trouble & TODOs

Key Action
<leader>xx Trouble diagnostics
<leader>xw Workspace diagnostics
<leader>xq Quickfix list
<leader>nt / <leader>pt Next/prev TODO

πŸ–₯️ TMUX Navigation

Key Action
<C-h> / <C-j> / <C-k> / <C-l> Navigate panes
<C-\> Navigate to previous pane

πŸ’Ύ Session Management

Key Action
<leader>wr Restore workspace
<leader>wl Load last session
<leader>we Exclude session

🧩 Plugin Architecture

πŸ“‚ Structure

lua/florian/plugins/
β”œβ”€β”€ ui/           # Colorscheme, which-key, dressing
β”œβ”€β”€ navigation/   # Telescope, neotree, harpoon, tmux-nav
β”œβ”€β”€ editor/       # Treesitter, formatting, trouble
β”œβ”€β”€ coding/       # Completion, copilot, snippets
β”œβ”€β”€ git/          # Gitsigns, lazygit, diffview
└── lsp/          # LSP configurations

🎯 Core Plugins

  • Lazy.nvim - Plugin manager with smart loading
  • Telescope - Fuzzy finder with fzf integration
  • Neotree - A file explorer for Neovim
  • Copilot - AI-powered code completion
  • Conform.nvim - Modern formatting with Prettier
  • Harpoon - Quick project navigation
  • Trouble.nvim - Diagnostics and quickfix
  • LSP - Native LSP with Mason auto-install

🌐 Language Support

  • Vue.js - Volar LSP with Vue 3 + TypeScript
  • TypeScript/JavaScript - Advanced IntelliSense
  • Angular - Component navigation with ng-croissant
  • HTML/CSS - Tailwind CSS integration
  • Markdown - Enhanced editing

🎨 Customization

πŸ“ Key Files

  • lua/florian/core/keymaps.lua - All keybindings
  • lua/florian/core/options.lua - Neovim settings
  • lua/florian/plugins/ - Plugin configurations
  • lua/florian/plugins/lsp/configs/ - LSP settings

πŸ”§ Performance

  • Lazy loading - Fast startup (~50ms)
  • Smart formatting - Excludes node_modules
  • Treesitter optimization - Large file handling
  • Efficient diagnostics - Configurable virtual text

πŸ†• Recent Updates

✨ Latest Features

  • πŸ€– GitHub Copilot - AI-powered code completion
  • πŸ—οΈ Modular Architecture - Organized plugin categories
  • ⚑ Performance Optimizations - Smart lazy loading
  • πŸ“ Vue.js Snippets - Comprehensive Vue 3 templates
  • πŸ”§ Enhanced LSP - TypeScript with inlay hints
  • πŸ“ File Explorer - Neotree integration

πŸ™Œ Credits

Thanks to the amazing Neovim community and plugin authors:


βš–οΈ License

MIT Β© FlorianBx

About

Customized NeoVim setup for enhanced VueJS, Angular, TailwindCSS, and TypeScript development, featuring integrated tools like Prettier and ESLint, along with a suite of efficient keyboard shortcuts for streamlined coding workflows.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages