[#Script #Coding] Best VS Code Extension for Tailwind CSS

Best VS Code Extension for Tailwind CSS

By codeSTACKr
Published: Jan 06, 2023


codeSTACKr Become A VS Code SuperHero Today: https://vsCodeHero.com

Join 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.





[#Script #Coding] Pimp my Cursor – VS Code Style

Pimp my Cursor – VS Code Style

By codeSTACK

r
Published: Feb 03, 2023


codeSTACKr 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





[#Script #Coding] Best VS Code Extension for Local Development

Best VS Code Extension for Local Development

By codeSTACKr
Published: Jan 02, 2023


codeSTACKr 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…





[#Script #Coding] Best VS Code Extension for JavaScript Console Logging

Best VS Code Extension for JavaScript Console Logging

By codeSTACKr
Published: Dec 28, 2022


codeSTACKr Become A VS Code SuperHero Today: https://vsCodeHero.com

Join 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!





[#Script #Coding] 12 ways to center a div

12 ways to center a div

By codeSTACKr
Published: Aug 30, 2022


codeSTACKr Watch the full explanation video: https://youtu.be/kphds-1V9o8
Become A VS Code SuperHero Today: https://vsCodeHero.com

Get 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.





[#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


codeSTACKr Become A VS Code SuperHero Today: https://vsCodeHero.com

Get 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.

Proudly powered by WordPress
Creative Commons License
EricBrooks.Com® is licensed under a Creative Commons License.

Disclaimer: The views expressed herein are solely those of Eric Brooks. They do not necessarily reflect those of his employers, friends, contacts, family, or even his pets (though my cat, Puddy, seems to agree with me on many key issues.). In accordance to my terms of use, you hereby acknowledge my right to psychoanalyze you, practice accupuncture, and mock you incessantly with every visit. As the user, you also acknowledge that the author has been legally declared a "Problem Adult" by the Commonwealth of Pennsylvania, and is therefore not responsible for any of his actions. ALSO, the political views and products advertised on this site may/may not reflect the views of Puddy or myself, so please don't take them as an endorsement. We just need to eat.


Connect