7 VSCode extensions to improve productivity as a web developer
Thread below 🧵
Thread below 🧵
🔹LIVE SERVER
Live Server sets up a local development server with a live reload feature for previewing your site
Every time you save your code, you'll instantly see the changes on the browser
marketplace.visualstudio.com/items?itemName…
Live Server sets up a local development server with a live reload feature for previewing your site
Every time you save your code, you'll instantly see the changes on the browser
marketplace.visualstudio.com/items?itemName…
🔹ICON FONTS
Icon Fonts offers snippets for a variety of icon fonts, including the popular Font Awesome v5 icon pack.
marketplace.visualstudio.com/items?itemName…
Icon Fonts offers snippets for a variety of icon fonts, including the popular Font Awesome v5 icon pack.
marketplace.visualstudio.com/items?itemName…
🔹REGEX PREVIEWER
Regex Previewer gives you a side document that matches your regex.
The extension gives multiple examples to match, so it becomes easier to write regex for different purposes
marketplace.visualstudio.com/items?itemName…
Regex Previewer gives you a side document that matches your regex.
The extension gives multiple examples to match, so it becomes easier to write regex for different purposes
marketplace.visualstudio.com/items?itemName…
🔹PRETTIER
Prettier is a code formatter which
formats your code every time you save it, significantly reducing the amount of time you need to spend formatting your code.
marketplace.visualstudio.com/items?itemName…
Prettier is a code formatter which
formats your code every time you save it, significantly reducing the amount of time you need to spend formatting your code.
marketplace.visualstudio.com/items?itemName…
🔹BRACKET PAIR COLORIZER
Bracket Pair Colorizer gives both opening and closing brackets matching colors, so it much easier to know which brackets belong together.
marketplace.visualstudio.com/items?itemName…
Bracket Pair Colorizer gives both opening and closing brackets matching colors, so it much easier to know which brackets belong together.
marketplace.visualstudio.com/items?itemName…
🔹GIT HISTORY
Git History allows you to compare branches, commits, and files across commits without having to look through git log in the terminal, all from @code
marketplace.visualstudio.com/items?itemName…
Git History allows you to compare branches, commits, and files across commits without having to look through git log in the terminal, all from @code
marketplace.visualstudio.com/items?itemName…
🔹PEACOCK
With Peacock, you can set and change the color of your Visual Studio Code environment. That way, you can quickly identify which instance you’ve just switched to.
marketplace.visualstudio.com/items?itemName…
With Peacock, you can set and change the color of your Visual Studio Code environment. That way, you can quickly identify which instance you’ve just switched to.
marketplace.visualstudio.com/items?itemName…
Do you have any other extensions in mind?
Put them in the comments below 👇
Follow me (@UbahTheBuilder) so you don't miss threads like this.
Put them in the comments below 👇
Follow me (@UbahTheBuilder) so you don't miss threads like this.
If you're a newbie web developer, here's a free ebook to get you started 👇
gumroad.com/l/WebDevBeginn…
gumroad.com/l/WebDevBeginn…
• • •
Missing some Tweet in this thread? You can try to
force a refresh
