Supercharging My Development Workflow: A Deep Dive into My Essential VSCode Extensions
In the ever-evolving world of software development, the right tools can make the difference between a good developer and a great one. Visual Studio Code has become my go-to integrated development environment, and over time, I've curated a collection of extensions that have transformed my coding experience, boosting productivity, improving code quality, and making development more enjoyable.
How I’ve created this blog?
Here is script and the steps: https://gist.github.com/sohag-pro/f17a6d02514f9260811614e2db5175d4
The Extensions That Power My Development
Bookmarks
Publisher: Alessandro Fragnani
Description: Mark lines and jump to them
Marketplace Link
Publisher: amir
Description: better intellisense for laravel projects.
Marketplace Link
All Autocomplete
Publisher: Atishay Jain
Description: Create autocomplete items from open files in VSCode.
Marketplace Link
Tailwind Docs
Publisher: Austen Cameron
Description: Easily access the Tailwind CSS documentation from within Code
Marketplace Link
JSON Crack
Publisher: Aykut Saraç
Description: Seamlessly visualize your JSON data instantly into graphs.
Marketplace Link
PHP Intelephense
Publisher: Ben Mewburn
Description: PHP code intelligence for Visual Studio Code
Marketplace Link
Tailwind Shades
Publisher: Omar Bourhaouta
Description: Tailwind CSS color palette generator
Marketplace Link
Tailwind CSS IntelliSense
Publisher: Tailwind Labs
Description: Intelligent Tailwind CSS tooling for VS Code
Marketplace Link
Turbo Console Log
Publisher: Anas Chakroun
Description: Automating the process of writing meaningful log messages.
Marketplace Link
gitignore
Publisher: CodeZombie
Description: Lets you pull .gitignore templates from the https://github.com/github/gitignore repository. Language support for .gitignore files.
Marketplace Link
Laravel goto view
Publisher: codingyu
Description: Quick jump to view
Marketplace Link
Dart
Publisher: Dart Code
Description: Dart language support and debugger for Visual Studio Code.
Marketplace Link
Flutter
Publisher: Dart Code
Description: Flutter support and debugger for Visual Studio Code.
Marketplace Link
ESLint
Publisher: Microsoft
Description: Integrates ESLint JavaScript into VS Code.
Marketplace Link
Composer
Publisher: DEVSENSE
Description: All-in-One composer integration, quick actions, commands, automatic installation, tasks, code lenses, diagnostics, and composer.json IntelliSense.
Marketplace Link
IntelliPHP - AI Autocomplete for PHP
Publisher: DEVSENSE
Description: AI-assisted development for PHP.
Marketplace Link
PHP
Publisher: DEVSENSE
Description: All-in-One PHP support - IntelliSense, Debug, Formatter, Code Lenses, Code Fixes, Linting, Refactoring, PHPUnit Tests, Web Server, and more.
Marketplace Link
PHP Profiler
Publisher: DEVSENSE
Description: Support for PHP (Xdebug) profiling files and inspecting them.
Marketplace Link
GitLens — Git supercharged
Publisher: GitKraken
Description: Supercharge Git within VS Code - Visualize code authorship at a glance via Git blame annotations and CodeLens, seamlessly navigate and explore Git repositories, gain valuable insights via rich visualizations and powerful comparison commands, and so much more
Marketplace Link
goto-route-controller-laravel
Publisher: Erlang Parasu
Description: laravel helper: go to route declaration, go to controller method declaration, find blade usage
Marketplace Link
Publisher: Prettier
Description: Code formatter using prettier
Marketplace Link
Auto Rename Tag
Publisher: Jun Han
Description: Auto rename paired HTML/XML tag
Marketplace Link
OpenSSL Configuration Syntax
Publisher: geeksharp
Description: Syntax highlighting for OpenSSL configuration files (openssl.cnf)
Marketplace Link
GitHub Copilot
Publisher: GitHub
Description: Your AI pair programmer
Marketplace Link
GitHub Copilot Chat
Publisher: GitHub
Description: AI chat features powered by Copilot
Marketplace Link
GitHub Actions
Publisher: GitHub
Description: GitHub Actions workflows and runs for github.com hosted repositories in VS Code
Marketplace Link
GitHub Pull Requests
Publisher: GitHub
Description: Pull Request and Issue Provider for GitHub
Marketplace Link
Todo Tree
Publisher: Gruntfuggly
Description: Show TODO, FIXME, etc. comment tags in a tree view
Marketplace Link
Publisher: HashiCorp
Description: Syntax highlighting and autocompletion for Terraform
Marketplace Link
Laravel Blade Wrapper
Publisher: IHunte
Description: An extension to wrap Blade directives
Marketplace Link
Hungry Delete
Publisher: jasonlhy
Description: To delete an entire block of whitespace or tab, and reduce the time programmers need to press backspace
Marketplace Link
lzgit
Publisher: jlalmes
Description: LaZyGIT - FOR HYPER EFFICIENT DEVELOPERS.
Marketplace Link
Peacock
Publisher: John Papa
Description: Subtly change the workspace color of your workspace. Ideal when you have multiple VS Code instances and you want to quickly identify which is which.
Marketplace Link
colorize
Publisher: kamikillerto
Description: A vscode extension to help visualize css colors in files.
Marketplace Link
Publisher: kokororin
Description: Integrates phpfmt into VS Code
Marketplace Link
Laravel
Publisher: Laravel
Description: Official VS Code extension for Laravel
Marketplace Link
GPG Sign
Publisher: Mário Garrido
Description: GPG Encrypter/Decrypter/Sign
Marketplace Link
PHP Namespace Resolver
Publisher: Mehedi Hassan
Description: Import and expand php namespaces
Marketplace Link
Fluent Icons
Publisher: Miguel Solorio
Description: Fluent product icons for Visual Studio Code
Marketplace Link
Remote - SSH
Publisher: Microsoft
Description: Open any folder on a remote machine using SSH and take advantage of VS Code's full feature set.
Marketplace Link
Remote - SSH: Editing Configuration Files
Publisher: Microsoft
Description: Edit SSH configuration files
Marketplace Link
Remote Explorer
Publisher: Microsoft
Description: View remote machines for SSH and Tunnels.
Marketplace Link
Paste Image
Publisher: mushan
Description: paste image from clipboard directly
Marketplace Link
laravel-goto-components
Publisher: naoray
Description: Quick jump to components
Marketplace Link
Back & Forth
Publisher: Nick Rudenko
Description: Adds go back/forward buttons for easier navigation
Marketplace Link
indent-rainbow
Publisher: oderwat
Description: Makes indentation easier to read
Marketplace Link
Laravel Blade Snippets
Publisher: Winnie Lin
Description: Laravel blade snippets and syntax highlight support
Marketplace Link
Laravel Extension Pack
Publisher: Winnie Lin
Description: A collection of extensions for Laravel development
Marketplace Link
Laravel Snippets
Publisher: Winnie Lin
Description: Laravel snippets for Visual Studio Code (Support Laravel 5 and above)
Marketplace Link
Laravel Pint
Publisher: Open Southeners
Description: Integrates Laravel Pint into your VSCode projects for automatic code formatting
Marketplace Link
ChatGPT â Work with Code on macOS
Publisher: OpenAI
Description: Allows the ChatGPT desktop application to read and edit files open in Visual Studio Code. It requires the ChatGPT desktop app to function.
Marketplace Link
laravel-jump-controller
Publisher: pgl
Description: Alt + click to navigate from a route to a respective controller file
Marketplace Link
Material Icon Theme
Publisher: Philipp Kief
Description: Material Design Icons for Visual Studio Code
Marketplace Link
Toggle Case
Publisher: Pranshu Agrawal
Description: Toggle through various cases on a key press
Marketplace Link
XML
Publisher: Red Hat
Description: XML Language Support by Red Hat
Marketplace Link
YAML
Publisher: Red Hat
Description: YAML Language Support by Red Hat, with built-in Kubernetes syntax support
Marketplace Link
Live Server
Publisher: Ritwick Dey
Description: Launch a development local Server with live reload feature for static & dynamic pages
Marketplace Link
Laravel Artisan
Publisher: Ryan Naddy
Description: Run Laravel Artisan commands within Visual Studio Code
Marketplace Link
Git Merger
Publisher: Shahar Kazaz
Description: Simplifies the git merge process
Marketplace Link
Markdown Preview Enhanced
Publisher: Yiyi Wang
Description: Markdown Preview Enhanced ported to vscode
Marketplace Link
vue-helper
Publisher: shenjiaolong
Description: vue enhance, extension for Element-UI, Element Plus, Ant Desigin Vue
Marketplace Link
Publisher: Shuhei Hayashibara
Description: Laravel Blade formatter for VSCode
Marketplace Link
Rewrap
Publisher: stkb
Description: Hard word wrapping for comments and other text at a given column.
Marketplace Link
Code Spell Checker
Publisher: Street Side Software
Description: Spelling checker for source code
Marketplace Link
Window Colors
Publisher: Stuart Robinson
Description: Automatically adds a unique color to each window's activityBar and titleBar.
Marketplace Link
vscode-pdf
Publisher: tomoki1207
Description: Display pdf file in VSCode.
Marketplace Link
Vue - Official
Publisher: Vue
Description: Language Support for Vue
Marketplace Link
Git Blame
Publisher: Wade Anderson
Description: See git blame information in the status bar.
Marketplace Link
vscode-js-import
Publisher: wangtao0101
Description: Intelligent and fast import extension for js in vscode, support import position option and adding import to existing import statement.
Marketplace Link
TODO Highlight
Publisher: Wayou Liu
Description: highlight TODOs, FIXMEs, and any keywords, annotations...
Marketplace Link
Publisher: windsonR
Description: In vscode, config GPG key to git config
Marketplace Link
JavaScript (ES6) code snippets
Publisher: charalampos karypidis
Description: Code snippets for JavaScript in ES6 syntax
Marketplace Link
PHP Debug
Publisher: Xdebug
Description: Debug support for PHP with Xdebug
Marketplace Link
vue-component
Publisher: zhubincong
Description: Use vue components easily
Marketplace Link
Vue
Publisher: Rahul Kadyan
Description: Syntax Highlight
Marketplace Link
PHP IntelliSense
Publisher: Damjan Cvetko
Description: Advanced Autocompletion and Refactoring support for PHP
Marketplace Link
Why These Extensions Matter
Each of these extensions has been carefully selected to address specific pain points in my development process. From code formatting and intellisense to version control and productivity tools, they work together to create a seamless and efficient coding environment.
Key benefits include:
Enhanced code quality
Improved developer productivity
Simplified workflow
Better code navigation and understanding
Advanced debugging capabilities
Final Thoughts
Developing software is not just about writing code; it's about creating an environment that allows you to do your best work. These VSCode extensions are more than just tools—they're collaborative partners that help me write cleaner, more efficient code.
Pro Tip: Remember that the perfect development setup is personal. What works for me might need tweaking to suit your specific workflow. Don't be afraid to experiment and find the extensions that resonate with your coding style.
Happy coding! 🚀👩💻👨💻
