Setting up Workspaces - DevTools Tips

Channel:
Chrome for Developers
Subscribers:
791,000
Published on ● Video Link: https://www.youtube.com/watch?v=Zu9CdbnS5ps


Duration: 6:00
11,357 views
467

Can I edit the source code and save changes in DevTools? Yes you can! Let’s set up Workspaces together and learn tips to make it work.

Chapters:
0:00 Intro
0:21 Setting up Workspace
2:01 Tip - Add only source directory in Workspace
2:53 Tip - Always edit files from the Filesystem tab
4:34 Tip - Use keyboard shortcuts to open files
4:49 Tip - Use the Quick Source tab

Resources:
Edit and save files → https://goo.gle/devtools-workspace
GitHub → https://goo.gle/3qbOuHK
Parcel → https://goo.gle/433xQbN

Questions? Tweet to us:
Jecelyn Yeen → https://goo.gle/jecfish
Chrome DevTools → https://goo.gle/chromedevtools

Catch more DevTools Tips → https://goo.gle/DevToolsTips
Subscribe to Google Chrome Developers → https://goo.gle/ChromeDevs

#DevToolsTips #Chrome #Developer



Other Videos By Chrome for Developers


2023-07-12New in Chrome 115: scroll-driven animations, Fenced Frames, Topics API, and more!
2023-07-07Popover API - New in Chrome 114
2023-07-07RAM technique: Repeat, auto and minmax
2023-06-29localStorage and sessionStorage - DevTools Tips
2023-06-23Use text-wrap: Balance to improve text layouts - New in Chrome 114
2023-06-23Understand passkeys in 4 minutes
2023-06-23Layout techniques: The deconstructed pancake
2023-06-15ChromeOS Policy API
2023-06-14Animate display: none (and more!) with View Transitions
2023-05-30New in Chrome 114: text-wrap:balance, CHIPS, Popover API and more!
2023-05-25Setting up Workspaces - DevTools Tips
2023-05-18Long-term support (LTS)
2023-05-17Thinking on ways to solve color palettes
2023-05-11What's new in Web in less than 1 minute
2023-05-10Top web things at Google I/O '23
2023-05-10What's new in ChromeOS in less than 1 minute
2023-05-10Optical Character Recognition demo
2023-05-10What's new in Web - American Sign Language
2023-05-10What’s new in ChromeOS | Google I/O 2023 - American Sign Language
2023-05-10How to implement passkeys with form autofill in a web app
2023-05-10Find form issues with Chrome DevTools


Tags:
Chrome
Developers
Google
Web
Chrome Devtools
chrome developer tools
intro to devtools tips
what are devtools tips
how to use devtools tips
devtools tips tutorial
devtools
chrome
developer
developers
google developer
google developers
google chrome developers
chrome developer
chrome developers
google chrome
Jecelyn Yeen
workspace