Hello @Xinhao Ma - Thank you for posting screenshots & providing additional information.
It looks like you're navigating through code files incorrectly in VSCode. Per your screenshot, you've selected Azure extension icon in the left nav and clicked on RESOURCES which will list the remote resources that can't be modified directly as such. Instead of RESOURCES, you'll want to select WORKSPACE which will list the local resources that can be modified. For exact steps, please review our official documentation on VS Code development for Azure Functions: Develop Azure Functions by using Visual Studio Code
By default, VS Code deployment uses the ZipDeploy method which packages your application files into a .zip
file and uploads it onto Azure for running directly from it. This option does not allow live, remote editing of your application code hence the read-only
mode. It looks like you're using Python, which is an interpreted language that doesn't need re-compilation, and so if you understand the risks of live-editing remote application code files, you'll want to review Kudu console: https://github.com/projectkudu/kudu/wiki
I hope this answer helps, if you have any further questions, feel free to tag me here & comment below and let me know.
-------------------------------------------------------------------------------
Please consider contributing to MS Q&A by marking 'Accepted Answer' and ‘Upvoting’ as applicable.