In this Hasty Treat, Scott and Wes talk about their favorite VSCode extensions, tips, and workflows! <a id= "TECH__Sponsor_9" name="TECH__Sponsor_9"></a>.TECH - Sponsor .TECH is taking the tech industry by storm. A domain that shows the world what you are all about! If you’re looking for a domain name for your startup, portfolio, or your own project like we did with uses.tech, check out .tech Domains. Syntax listeners can snap their .TECH Domains at 80% off on five-year registration by visiting <a href= "https://go.tech/syntaxistech">go.tech/syntaxistech</a> and using the coupon code “syntax5”. <a id="LogRocket__Sponsor_12" name= "LogRocket__Sponsor_12"></a>LogRocket - Sponsor LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It’s an exception tracker, a session re-player and a performance monitor. Get 14 days free at <a href= "https://logrocket.com/syntax">logrocket.com/syntax</a>. <a id="Show_Notes_15" name="Show_Notes_15"></a>Show Notes 04:05 - Easy Snippet <ul> <li class="has-line-data" data-line-start="17" data-line-end="19"> <a href= "https://marketplace.visualstudio.com/items?itemName=inu1255.easy-snippet"> https://marketplace.visualstudio.com/items?itemName=inu1255.easy-snippet</a></li> </ul> 05:33 - Add Missing Function Declaration <ul> <li class="has-line-data" data-line-start="20" data-line-end="22"> <a href= "https://twitter.com/wesbos/status/1369393437062074377">https://twitter.com/wesbos/status/1369393437062074377</a></li> </ul> 07:30 - Error Lens <ul> <li class="has-line-data" data-line-start="23" data-line-end="25"> <a href= "https://marketplace.visualstudio.com/items?itemName=usernamehw.errorlens"> https://marketplace.visualstudio.com/items?itemName=usernamehw.errorlens</a></li> </ul> 09:08 - Declare Missing Members <ul> <li class="has-line-data" data-line-start="26" data-line-end="28"> <a href= "https://marketplace.visualstudio.com/items?itemName=tamj0rd2.ts-quickfixes-extension"> https://marketplace.visualstudio.com/items?itemName=tamj0rd2.ts-quickfixes-extension</a></li> </ul> 10:29 - ES7 React/Redux/GraphQL/React-Native Snippets <ul> <li class="has-line-data" data-line-start="29" data-line-end="31"> <a href= "https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets"> https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets</a></li> </ul> 11:59 - File Utils: <ul> <li class="has-line-data" data-line-start="32" data-line-end="34"> <a href= "https://marketplace.visualstudio.com/items?itemName=sleistner.vscode-fileutils"> https://marketplace.visualstudio.com/items?itemName=sleistner.vscode-fileutils</a></li> </ul> 13:59 - GitLens — Git supercharged <ul> <li class="has-line-data" data-line-start="35" data-line-end="37"> <a href= "https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens"> https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens</a></li> </ul> 15:15 - ES6-String-HTML <ul> <li class="has-line-data" data-line-start="38" data-line-end="40"> <a href= "https://marketplace.visualstudio.com/items?itemName=Tobermory.es6-string-html"> https://marketplace.visualstudio.com/items?itemName=Tobermory.es6-string-html</a></li> </ul> 16:41 - Wrap Console Log Simple <ul> <li class="has-line-data" data-line-start="41" data-line-end="43"> <a href= "https://marketplace.visualstudio.com/items?itemName=WooodHead.vscode-wrap-console-log-simple"> https://marketplace.visualstudio.com/items?itemName=WooodHead.vscode-wrap-console-log-simple</a></li> </ul> 17:18 - Text Pastry <ul> <li class="has-line-data" data-line-start="44" data-line-end="46"> <a href= "https://marketplace.visualstudio.com/items?itemName=jkjustjoshing.vscode-text-pastry"> https://marketplace.visualstudio.com/items?itemName=jkjustjoshing.vscode-text-pastry</a></li> </ul> 19:14 - Better Comments <ul> <li class="has-line-data" data-line-start="47" data-line-end="49"> <a href= "https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments"> https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments</a></li> </ul> 20:14 - Tip: Use Emmet everywhere <ul> <li class="has-line-data" data-line-start="50" data-line-end="52"> <a href="https://emmet.io/">https://emmet.io/</a></li> </ul> <a id="Tweet_us_your_tasty_treats_52" name= "Tweet_us_your_tasty_treats_52"></a>Tweet us your tasty treats! <ul> <li class="has-line-data" data-line-start="53" data-line-end="54"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="54" data-line-end="55"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="55" data-line-end="56"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="56" data-line-end="57"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="57" data-line-end="58"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="58" data-line-end="59"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="59" data-line-end="60"> Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> </ul>

Hasty Treat - VSCode Extensions and Tips

Full Stack Developers Wes Bos and Scott Tolinski dive deep into web development topics, explaining how they work and talking about their own experiences. They cover from JavaScript frameworks like React, to the latest advancements in CSS to simplifying web tooling.