Remote Debugging + edit local javascript file while debugging

Hi,

I've been working through the javascript remote debug tutorials for WebStorm / IntelliJ(numbers.js)

I've managed to get remote debugging working successfully, however there is one thing that is making life difficult.

When I'm debugging numbers.js in WebStorm(I've also tested in IntelliJ and have same result) there is a little lock icon which I guess implies that the file is read only.  At the moment, it is slow and painful to go full cycle on the development / deploy process of:
1.  code modification on local file
2.  upload
3.  debug on locked remote file
4.  switch tabs to local file
5.  code modification on local file

What I want to do at least is debug on local file, so that I can make changes while debugging and then quickly upload and repeat.


In the tutorial http://wiki.jetbrains.net/intellij/Remote_JavaScript_debugging_with_WebStorm_and_PHPStorm
the numbers.js file does not have the locked symbol in the tab like I am seeing in my locally running WebStorm.

Anyone else have this problem?  Anyone advise how they got WebStorm working so they can make changes to the local file while stepping through and debugging?

Thanks