Best VS Code Extension for Tailwind CSS
By codeSTACKr
Published: Jan 06, 2023“
Become A VS Code SuperHero Today: https://vsCodeHero.comJoin my Discord developer community: https://discord.gg/A9CnsVzzkZ
Just like the built-in feature of VS Code that lets you fold lines of code. The Inline Fold extension lets you fold code… well, Inline.
Let’s look at a couple of use cases:
– I love using Tailwind CSS! But a lot of developers hate how cluttered it makes your markup look.
– Just install the Inline fold extension and you’re markup will look clean again.
– From the command palette, use the “Inline fold: Toggle” command to fold and unfold your class names.
– Alternatively, just move your cursor to those lines and it will automatically unfold so that you can easily edit them.
– Another use case is when you have SVG’s in your markup.
– You’ll have to go into your settings and change the Regex match statement.
– After that, all of the SVG’s in your markup will be folded, giving you a much cleaner experience.
Tools I use:
- codeSTACKr VS Code Theme: https://marketplace.visualstudio.com/…
- STACKr Code Font (Exclusive to my VS Code Course – https://vsCodeHero.com)
- SuperHero Extension Pack: https://marketplace.visualstudio.com/…
Show support!
- PayPal: https://paypal.me/codeSTACKr
Watch Next:
- Playlist: Web Development For Beginners – https://www.youtube.com/watch?v=Ez4yH…
Connect With codeSTACKr:
- Website: https://www.codestackr.com
- Twitter: https://twitter.com/codeSTACKr
- Instagram: https://instagram.com/codeSTACKr
- Facebook: https://facebook.com/codeSTACKr
”
Tag: VS Code
[#Script #Coding] Pimp my Cursor – VS Code Style
Pimp my Cursor – VS Code Style
By codeSTACKr
Published: Feb 03, 2023“
VS Code Tip of the Day
I get tons of questions about my vs code cursor settings. So, let’s take a look..
Become A VS Code SuperHero Today: https://vsCodeHero.com
Join my Discord developer community: https://discord.gg/A9CnsVzzkZ
Tools I use:
- codeSTACKr VS Code Theme: https://marketplace.visualstudio.com/…
- STACKr Code Font (Exclusive to my VS Code Course – https://vsCodeHero.com)
- SuperHero Extension Pack: https://marketplace.visualstudio.com/…
Show support!
- PayPal: https://paypal.me/codeSTACKr
Watch Next:
- Playlist: Web Development For Beginners – https://www.youtube.com/watch?v=Ez4yH…
Connect With codeSTACKr:
- Website: https://www.codestackr.com
- Twitter: https://twitter.com/codeSTACKr
- Instagram: https://instagram.com/codeSTACKr
- Facebook: https://facebook.com/codeSTACKr
”
[#Script #Coding] Best VS Code Extension for Local Development
Best VS Code Extension for Local Development
By codeSTACKr
Published: Jan 02, 2023“
If you use VS Code, you must install the Live Server extension!
It lets you easily launch a local development server for your static or dynamic web pages.
After you install the extension, open any HTML file and click the Go Live button from the bottom to start it up in your default browser.
The best part about it is the live reloading feature.
Every time you make an update and save the file, it will automatically see the changes and reload the page for you.
Become A VS Code SuperHero Today: https://vsCodeHero.com
Join my Discord developer community: https://discord.gg/A9CnsVzzkZ
Get my FREE VS Code Cheat Sheet: https://courses.codestackr.com/vs-cod…
Tools I use:
- codeSTACKr VS Code Theme: https://marketplace.visualstudio.com/…
- STACKr Code Font (Exclusive to my VS Code Course – https://vsCodeHero.com)
- SuperHero Extension Pack: https://marketplace.visualstudio.com/…
Show support!
- PayPal: https://paypal.me/codeSTACKr
Watch Next:
- Playlist: Web Development For Beginners – https://www.youtube.com/watch?v=Ez4yH…
Connect With codeSTACKr:
- Website: https://www.codestackr.com
- Twitter: https://twitter.com/codeSTACKr
- Instagram: https://instagram.com/codeSTACKr
- Facebook: https://facebook.com/codeSTACKr
”
[#Script #Coding] Best VS Code Extension for JavaScript Console Logging
Best VS Code Extension for JavaScript Console Logging
By codeSTACKr
Published: Dec 28, 2022“
Become A VS Code SuperHero Today: https://vsCodeHero.comJoin my Discord developer community: https://discord.gg/A9CnsVzzkZ
Even though console log may not always be the best way to debug JavaScript, we all use it. So, install the Turbo Console Log extension in VS Code to turbo charge your logs. Select any variable that you want to log, press CTRL+Alt+L (for log) and it will automatically add the log for you.
Not only does it add a log, but it adds to it the file, variable name, and the variable value to make them easy to find in the console. You can customize what’s included in each log in the settings. But that’s not even the best feature of this extension. You can press ALT+Shift+C to comment all log messages in a file.
ALT+Shift+U to uncomment all logs in a file.
And when you’re done debugging, press ALT+Shift+D to delete all logs in the file so no one will ever know you were using console logs to debug!
Tools I use:
- codeSTACKr VS Code Theme: https://marketplace.visualstudio.com/…
- STACKr Code Font (Exclusive to my VS Code Course – https://vsCodeHero.com)
- SuperHero Extension Pack: https://marketplace.visualstudio.com/…
Show support!
- PayPal: https://paypal.me/codeSTACKr
Watch Next:
- Playlist: Web Development For Beginners – https://www.youtube.com/watch?v=Ez4yH…
Connect With codeSTACKr:
- Website: https://www.codestackr.com
- Twitter: https://twitter.com/codeSTACKr
- Instagram: https://instagram.com/codeSTACKr
- Facebook: https://facebook.com/codeSTACKr
”
[#Script #Coding] 12 ways to center a div
12 ways to center a div
By codeSTACKr
Published: Aug 30, 2022“
Watch the full explanation video: https://youtu.be/kphds-1V9o8
Become A VS Code SuperHero Today: https://vsCodeHero.comGet my FREE VS Code Cheat Sheet: https://courses.codestackr.com/vs-cod…
Join my Discord developer community: https://discord.gg/A9CnsVzzkZ
Why is it so hard to center a div in CSS? It used to be, but now we have so many options!
Here are 12 ways to center a div.
Tools I use:
- codeSTACKr VS Code Theme: https://marketplace.visualstudio.com/…
- STACKr Code Font (Exclusive to my VS Code Course – https://vsCodeHero.com)
- SuperHero Extension Pack: https://marketplace.visualstudio.com/…
Show support!
- PayPal: https://paypal.me/codeSTACKr
Watch Next:
- Playlist: Web Development For Beginners – https://www.youtube.com/watch?v=Ez4yH…
Connect With codeSTACKr:
- Website: https://www.codestackr.com
- Twitter: https://twitter.com/codeSTACKr
- Instagram: https://instagram.com/codeSTACKr
- Facebook: https://facebook.com/codeSTACKr
”
[#Script #Coding] Top VS Code Updates | v1.69 Released!! | Tips & Tricks 2021 (Visual Studio Code)
Top VS Code Updates | v1.69 Released!! | Tips & Tricks 2021 (Visual Studio Code)
By codeSTACKr
Published: Jul 20, 2022“
Become A VS Code SuperHero Today: https://vsCodeHero.comGet my FREE VS Code Cheat Sheet: https://courses.codestackr.com/vs-cod…
Join my Discord developer community: https://discord.gg/A9CnsVzzkZ
In this video, we are going to look at some of the recent updates to VS Code (Visual Studio Code) with version 1.69. There are several great improvements.
If you want to learn more about VS Code, check out my VS Code course at https://vsCodeHero.com.
”