Data

Tools

Indexes

Applications

Experiments

Awesome

An open API service indexing awesome lists of open source software.

https://github.com/joshuathadi/integrated-development-environment

This IDE repository contains my curated development environment configurations for various IDEs. It includes extensions, themes, and productivity tools, used across platforms like Neovim, VS Code, and WebStorm.
https://github.com/joshuathadi/integrated-development-environment

custom-ide-setup ide-personalization ide-setup integrated-development-environment

Last synced: 12 months ago
JSON representation

This IDE repository contains my curated development environment configurations for various IDEs. It includes extensions, themes, and productivity tools, used across platforms like Neovim, VS Code, and WebStorm.

Awesome Lists containing this project

README 

          


   vscode img






Image




🛠 VS Code Professional Setup



Welcome to my Visual Studio Code configuration! This setup is crafted for developers who want a fast, modern, and extensible IDE that works across languages and frameworks.

Whether you're a front-end developer, backend engineer, or full-stack enthusiast — this setup has covered.





  FreeCodeCamp - Best VSCode Extensions

  



  Microsoft VS Code Marketplace

  



  Download Visual Studio Code





  VSCode Color Themes





  VSCode JSON Config Folder





   


      




   




🔌 Tools & Extensions in VS Code


VS Code becomes a truly powerful development environment when extended with the right set of tools. These extensions enhance everything from live development and AI-powered coding to linting, formatting, version control, and more.

Below is a curated list of essential extensions that form the backbone of a productive and professional workflow — whether you’re working in web development, backend systems, or cloud environments.





  

  

  GitHub Copilot Extension

  

  

  

    Live Server Extension

  

  

  

    Live Preview Extension

  

  

  

    GitLens Extension



  



  Prettier Extension





  Remote - SSH Extension





  IntelliCode Extension





  Restore Terminals Extension





  Tabnine AI Extension





  Path Intellisense Extension





  MongoDB Extension





  MySQL Extension








   


      




   




🎨 Color Themes in VS Code


VS Code offers an incredibly flexible theming system that allows developers to personalize their coding environment for visual comfort, readability, and aesthetic preference.

In this setup, I've curated a collection of some of the most popular and developer-loved themes, ranging from dark to soft to high-contrast palettes. These themes are not just for looks—they can help reduce eye strain during long coding sessions and make syntax easier to distinguish at a glance.





  



  Atom One Dark Theme





  GitHub Theme





  One Dark Pro Theme





  Level Up Theme





  One Dark Pale Theme





  Night Owl Theme





  Tokyo Night Theme





  Night Wolf Theme





  Nord Theme





  Catppuccin Theme








   


      




   




 📁 File Icon and font Themes in VS Code 
 

File icon themes enhance the VS Code explorer by visually distinguishing between file types, folders, and configurations — making it easier to navigate projects at a glance.

With the right icon theme, you not only get visual clarity, but also a more personalized and engaging developer experience. The icons can reflect modern design trends, minimalism, or a stylized aesthetic depending on your preference.








  Fira Code Material Icon Theme





  Seti Theme





  Rosé Pine Icon Theme





  VSCode Icons



  






   


      




   




VSCode Icons



---





  Neovim ASCII Art




🛠 Neovim Professional Setup





   

     GitHub NeoVim.Inc Badge

  

 

     GitHub LazyVim Badge





     GitHub NvChad Badge





     GitHub MapDoc Badge





     GitHub ColorTheme Badge

   

     




Neovim is a hyper-extensible, terminal-based text editor built for modern development. This professional setup transforms Neovim into a full-featured, lightweight, and highly performant IDE. This repository contains my Neovim configuration, optimized for performance, modern plugins, and a smooth development experience 🎯.



Features 🔥




  Fast and minimal Neovim setup. Plugin management using Lazy.nvim or Packer.nvim. 


  LSP support for multiple programming languages. Autocomplete & snippets with nvim-cmp.
 

  Syntax highlighting via Treesitter. File explorer using NvimTree. Statusline with Lualine.


  Git integration via Fugitive or Gitsigns. Telescope for fuzzy finding and search. Key mappings for efficiency.




 🌐 Terminal Integration 


🔗 toggleterm.nvim - The toggleterm.nvim plugin provides an elegant and flexible way to manage terminal instances within Neovim. 




  toggleterm.nvim GitHub Repo





   


      




   




🚀 Autocompletion & Snippets


Boost your development speed with smart autocompletion and flexible snippet support in Vim/Neovim.


🔗 nvim-cmp – A powerful and extensible completion engine for Neovim written in Lua.


🔗 UltiSnips – The ultimate snippet solution for Vim.


🔗 LuaSnip – Snippet engine written in Lua, designed for Neovim and perfect for nvim-cmp integration.





  nvim-cmp GitHub Repo



  UltiSnips GitHub Repo



  LuaSnip GitHub Repo





   


      




   




🔍 Search & Navigation


Speed up file and content discovery across your projects with powerful fuzzy search tools.


🔗 telescope.nvim – Highly extendable fuzzy finder for Neovim.


🔗 fzf – A general-purpose command-line fuzzy finder.


🔗 ripgrep – Ultra-fast tool for searching code.


🔗 coc.nvim – Vim/Neovim extension for rich LSP and IntelliSense functionality.





  fzf GitHub Repo



  ripgrep GitHub Repo



  Telescope.nvim GitHub



  coc.nvim GitHub Repo





   


      




   




🐞 Debugging Tools


Turn Neovim into a powerful debugging environment or configure VS Code/WebStorm for integrated debugging.


🔗 nvim-dap – Debug Adapter Protocol client implementation for Neovim.




  nvim-dap GitHub Repo





   


      




   




🌟 Recommended Neovim Plugins


Transform your Neovim into a professional IDE with these battle-tested plugins:


🔗 nvim-tree.lua – File explorer.


🔗 lualine.nvim – Status line.


🔗 bufferline.nvim – Tab/buffer line.


🔗 gitsigns.nvim – Git integration.


🔗 nvim-treesitter – Syntax highlighting and code parsing.





  gitsigns.nvim GitHub Repo



  nvim-treesitter GitHub Repo



  bufferline.nvim GitHub Repo



  nvim-tree.lua GitHub Repo



  lualine.nvim GitHub Repo





   


      




   




Neovim Setup



---





   webstorm img




 🛠 WebStorm Professional Setup





   

  WebStorm Official Site



  JetBrains Official Site



  JetBrains GitHub Organization




WebStorm by JetBrains is a powerful IDE tailored for modern JavaScript development. It offers intelligent code completion, on-the-fly error detection, refactoring tools, and seamless integration with version control systems, testing frameworks, build tools, and popular web technologies.



 🚀 Why WebStorm?



WebStorm is my go-to IDE when I need:



- Deep integration with JS/TS, React, Vue, Node

- Smart refactoring and code navigation

- Built-in tools for version control, debugging, and testing

- A stable and powerful editor with minimal setup overhead



🎨 Color Scheme Context:


The color scheme plays a crucial role in defining the overall aesthetic, readability, and comfort of a development environment. This section showcases a curated collection of JetBrains IDE themes that enhance syntax highlighting, contrast, and visual ergonomics.





   

  Nord Theme Plugin



  One Dark Theme Plugin



  Monocai Color Theme Plugin



  Catppuccin Theme Plugin



  Dracula Theme Plugin








   


      




   




🧩 Plugin/Extension Recommendations for WebStorm




1. 🔧 GitToolbox

Enhances Git integration in WebStorm with features like inline blame, status indicators, and behind/ahead info — making version control more intuitive and powerful.


2. 🎨 Material Theme UI

Brings beautiful Material Design themes to WebStorm, including custom icons, stylish UI, and polished appearance for improved visual consistency.


3. 🌈 Rainbow Brackets

Helps improve code readability by colorizing matching brackets, parentheses, and braces — especially useful for nested code.


4. 🔠 String Manipulation

Adds powerful string transformation tools (camelCase, snake_case, etc.), sorting, escaping, and encoding features.


5. 📁 .env Files Support

Adds syntax highlighting and better handling of .env files — essential for managing environment variables in full-stack apps.





  GitToolbox Plugin



  Material Theme UI Plugin



  Rainbow Brackets Plugin



  String Manipulation Plugin



  .env Files Plugin








   


      




   




⚡ Autocompletion & Snippets in WebStorm




✅ Built-in IntelliSense

WebStorm includes industry-leading autocompletion, smart code suggestions, and in-context documentation — powered by JetBrains' deep language intelligence.


🧩 Community Snippet Packs

WebStorm supports importing snippet packs or creating your own via Live Templates


🛠️ Custom Snippet Configs

You can create and manage project-specific or language-specific snippets in Preferences > Editor > Live Templates for rapid development.





  WebStorm Live Templates Documentation





   


      




   






   

  WebStorm Setup Screenshot







---



⚠️ This repository is uniquely designed by @JoshuaThadi