VS Code Has Dev Tools & Console!! No Need For Chrome Anymore 👋

Channel:

codeSTACKr

Subscribers:

296,000

Published on August 5, 2021 1:00:12 PM ● Video Link: https://www.youtube.com/watch?v=vHZPeohPHqo

Duration: 12:20

429,684 views

11,301

🦸 Become A VS Code SuperHero Today: https://vsCodeHero.com
🧑🏾🤝🧑🏽 Join my Discord developer community: https://discord.gg/A9CnsVzzkZ

How would you like to have your entire web development experience, all of the tools you need, completely inside VS Code?

In addition to our code and terminal we now have a browser, browser dev tools, and... wait for it, the console!!

You can now solely use VS Code for tweaking CSS values, debugging JavaScript with break points, and viewing the browser CONSOLE!
_____________________________________

💻 Visit CodingPhase and get unlimited access to programming courses plus 20% 0FF!!
https://www.codingphase.com/codestackr
🚢 Deploy for FREE on Vercel: https://vercel.com/ambassadors/codestackr
_____________________________________

🛠️ Tools I use:
🟠 codeSTACKr Theme: https://marketplace.visualstudio.com/items?itemName=codestackr.codestackr-theme
🟠 STACKr Code Font (Exclusive to my VS Code Course - https://vsCodeHero.com)
🟠 SuperHero Extension Pack: https://marketplace.visualstudio.com/items?itemName=codeSTACKr.superhero-extensions
_____________________________________

⏱️ Timestamps ⏱️
00:00 - Intro
00:22 - The Old Way
00:50 - New Setup Demo
01:20 - Why Microsoft Edge?
01:51 - Back to the setup
03:47 - Too Much?
04:40 - CSS Workflow
06:03 - Enable Auto-Reloading
07:53 - JavaScript Debugging Workflow
10:23 - The Console!
11:08 - Is It Good??
_____________________________________

💖 Show support!
PayPal: https://paypal.me/codeSTACKr
_____________________________________

👀 Watch Next:
Playlist: Web Development For Beginners - https://www.youtube.com/watch?v=Ez4yHS2dsN8&list=PLkwxH9e_vrAJ0WbEsFA9W3I1W-g_BTsbt
_____________________________________

🌐 Connect With Me:
Website: https://www.codestackr.com
Twitter: https://twitter.com/codeSTACKr
Instagram: https://instagram.com/codeSTACKr
Facebook: https://facebook.com/codeSTACKr
_____________________________________

** Affiliate Disclaimer: Some of the above links may be affiliate links, which may generate me a sales commission at no additional cost to you.

#codeSTACKr #vscode #learntocode