How to add files and folders to an Azure Web App from within Visual Studio Code

Ruediger 0
Viewed 66

I installed the Azure extension to my Visual Studio Code and connected to my Azure Web App and I can open and edit files from my Azure Web App within Visual Studio Code without problem. What I am struggling with is how to add files and folders to my Azure Web App within VS code. I can create a new file in VS code, but I cannot find a way to make this new file part of my Web App.

Also, dragging files from a file explorer in Windows into the Azure Web App within VS code does not work.

Is there a way to create/delete/move files and folders inside the files section of an Azure Web App that is shown in the Azure extension in VS code?

I tried to find an answer in Youtube/Google/stackoverflow but did not find a relevant solution that is applicable to my problem.

It would be great if someone could show how to manage files and folders within an Azure Web App that is open in the Azure extension of VS code to a level of detail that shows in very detail what to click/add (step by step since I do not have much experience)

directory-structure filesystems azure-web-app-service visual-studio-code
1 Answers
  • Created and deployed Azure App service from VSCode.
  • Tried to add the new file / folder in VSCode and deployed to same AppService once again.

Local folder enter image description here

  • Unable to see the newly created files.

Deployed App Folder enter image description here

You can directly add, edit or delete files/folders in Azure Web App from Azure Portal.

Navigate to the KUDU Console

URL : https://YourWebAppName.scm.azurewebsites.net/DebugConsole

or you can open KUDU console from

Azure Portal => YourWebApp => Advanced Tools => Go => Debug Console => CMD

  • We have an option to create New Folder / File directly.

enter image description here

userlrrk10
Related