Playing: 048: VS Code Round Two
Potluck - CSS × Angular × Dev job preparation × Svelte × File organization × Gear × More!
Potluck - Media Queries × NPM Vulnerabilities × Fullstack JS vs JAMstack × Web VR/AR × Switching Jobs × More!
Potluck - Interview Qs × Headless CMS × React Hooks × Resume Design × Redux vs Context × More!
How We Manage Our Lives — Notion, Todos, Notes, Focusing, Calendars, Goal tracking, and more!
Potluck - Changing careers × Repo organization × CSS Grid × Certifications × Freelancing × Spammers × More
Potluck - Where to start with JS × Freelancing × Cron jobs × Split testing × Frameworks in 2019 × More
Potluck - $100/hr × Redux Replacements × Full Stack Designers × JWT × VS Code Tips × More
Potluck - Editor Fonts × Portfolios × Meetup Tips × Switching to Windows × Freelancing Sources
Potluck EP × Remote Work × Headless WordPress × Good Client Questions × Alternate Careers × React API Credentials
Potluck EP × Is Redux Dead × Learning Quickly × Developing Solo × Specialist vs Generalist × Funnest Projects × Wes’ BBQ Course
Potluck EP × Vue.js × Headless WP × Typescript & Flow × Productivity × Server Side Rendering × Yeoman
Wes and Scott's Lives - Breakdancing, BBQ, Wives, Work/Life Balance, Problem Solving, YouTube Subscriptions
Snack Pack — CSS Frameworks, React HOC, Render Props, Coding Designers, Early Career Advice and a sound board!
Hosting & Servers — Heroku, Now, Galaxy, Digital Ocean, Linode, Docker, Netlify and more!
May 30th, 2018
VS Code Round Two👇 Download Show✏️ Edit Show Notes
Scott and Wes are back with another round of tips, tricks and tasty treats for their favorite code editor, VS Code.
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 replayer and a performance monitor. Get 14 days free over at https://logrocket.com/syntax
- Why Scott and Wes use VS Code vs all the other options
- Stay up to date with all releases
06:05 - Favorite new updates
- Notification API
- Auto Import
- Listing errors in the file explorer
- Column Selection
- Interface Customization
- Hot Tip: Anytime you find yourself using your mouse, there's likely a shortcut key for what you're trying to do
- React Snippets Library
- Wes' VS Code settings
- Visual Studio Live Share
27:40 - Favorite/New Extensions
- Bracket Pair Colorizer
- Rainbow Brackets
- Auto Rename Tag
- Better Comments
- Snapshot Tools
- JS Refactor
- Import Cost
- Carbon - An alternative way to share beautiful images of your source code
38:49 - Themes
40:35 - Tips and Tricks
- Learn how to jump and select by letter, word, line, etc.
- Move a line (or Line Bubbling) - Use this for rearranging and/or moving lines of code quickly.
- Cycling through multiple windows of the same app - If you have multiple VS Code windows open, "Cmd + backtick" will cycle through them, so you don't have to drag them in and out of view.
- Adjust MacOS keyboard settings - change Key Repeat to "fast" and Delay Until Repeat to "short". This will make your editor super fast when holding down arrow keys.
- Use Git features
- Spell Checker - "Cmd + ." will open up code actions and you check for possible misspellings, etc.
- Rename Symbol - Much more reliable than find/replace.
- Sort Lines
- Select everything between quotes - (Cmd + Shift + Space)
57:25 - Things that could be improved
- Region folding is inconsistent and sometimes doesn't work at all.
- No easy way to tell which extension is causing CPU performance issues.
- Sidebar indentation isn't clear.