Published in Latest Articles
My Favorite VSCode Extensions In 2023
By Atakan Demircioğlu
Fullstack Developer
These are my favorite VSCode extensions.
Code Spell Checker
- Spelling well is a very important thing for readability in programming. For this, I use Code Spell Checker.
- There are more than 6,000,000 installs and more than 4.5 stars.
- URL: https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker
Error Lens
- This is another great extension for showing errors in the referred line.
- It has more than 1,400,000 installs and works very well.
- Download URL: https://marketplace.visualstudio.com/items?itemName=usernamehw.errorlens
Live Server
- It is a great extension for local development.
- It allows launching a development local server with a live reload feature for static & dynamic pages
- There are more than 29,000,000 installs and more than 4.5 stars.
- Download URL: https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer
Image Preview
- It allows showing image previews in the gutter and on hover.
- There are more than 1,220,000 installs and more than 4.8 stars.
- Download URL: https://marketplace.visualstudio.com/items?itemName=kisstkondoros.vscode-gutter-preview
Thunder Client
- It is a Lightweight Rest API Client for VS Code.
- If you don’t prefer using PostMan or if you need an integrated extension to VSCode for sending requests, it is a great option.
- There are more than 1,610,000 installs and more than 4.8 stars.
- Download URL: https://marketplace.visualstudio.com/items?itemName=rangav.vscode-thunder-client
Others
- CSS Formatter (Formatting )
- CSS Peek (Allow peeking to CSS ID and class strings as definitions from HTML files to respective CSS)
- IntelliSense for CSS class names in HTML (CSS class name completion for the HTML class attribute based on the definitions found in your workspace.)
- Material Icon Theme
- One Dark Pro (Theme)
- PHP Intelephense (PHP code intelligence for Visual Studio Code)
- SonarLint (helps you detect and fix quality issues)
- Regex Previewer
- phpcs (PHP CodeSniffer for Visual Studio Code)
- Peacock (Change the workspace color of your workspace)
- Project Manager (Easily switch between projects)
- Tailwind CSS IntelliSensePreview
- Turbo Console Log (Automating the process of writing meaningful log messages.)
- Import Cost (Display import/require package size in the editor)
- Version Lens (Shows the latest version for each package using code lens)