All web developers have awesome text editors or beyond text editors which we call IDEs which do many services such as Visual Studio, Web Storm, Sublime….. (names are a very few here).
However when we develop websites when it comes to debugging many developers use either firebug or chrome devtools. These tools also allows you to do “live edit” which is very compelling. For chrome devtools most of the time the work flow is as follows,
However above workflow bit annoying but most of the time developers live with. The reason is it is not only additional work but error prone thing where you might miss certain lines of code from copy pasting process especially if you edit multiple source files through chrome devtools.
Clicking on Add Folder to workplace will open OS file/folder browser.
There are number of other operations you could do such as deleting files, duplicating souce files… etc. from chrome dev tools, if you just right click on the source file in “Sources” tab you will see some of these options.