如何在Visual Studio Code的Azure扩展中管理Azure Web App的文件与文件夹

VS Code的Azure App Service扩展完全支持在Web App文件区域内进行创建、删除、移动文件/文件夹操作，也支持拖拽本地文件上传。你当前遇到的操作失败问题，大概率是扩展状态、权限或连接配置的小问题，以下是分步排查和操作指导：

基础排查步骤 #

• 更新扩展版本：打开VS Code扩展面板（Ctrl+Shift+X），找到「Azure App Service」扩展，点击「更新」按钮升级到最新版本，更新后重启VS Code。
• 重新连接Azure：在左侧Azure面板右键点击你的Web App实例，选择「Disconnect」断开连接，再点击面板顶部的「Sign in to Azure」重新登录，确保登录账号拥有该Web App的Contributor或更高权限。
• 检查Web App状态：若Azure面板中Web App图标为灰色，说明实例处于停止状态，右键选择「Start」启动后再尝试操作。

正确操作步骤 #

一、创建文件/文件夹 #

1. 展开Azure面板中的Web App实例，找到「Files」节点并展开，显示当前Web App的文件结构。
2. 右键点击目标目录（如site/wwwroot），选择对应操作：
   • 「New File」：输入文件名（如test.html），回车即可创建并自动打开编辑。
   • 「New Folder」：输入文件夹名称，回车完成创建。

二、上传本地文件/文件夹 #

方法1：拖拽上传

1. 确保Azure面板中Web App的「Files」节点已展开到目标目录层级。
2. 打开Windows文件资源管理器，选中要上传的文件/文件夹，直接拖拽到Azure面板的目标目录上（如wwwroot文件夹），等待状态栏显示上传完成即可。
   • 若拖拽无反应，先点击Azure面板的「Refresh」按钮刷新文件列表后重试。

方法2：手动上传

1. 右键点击Azure面板的目标目录，选择「Upload Files」（上传单个/多个文件）或「Upload Folder」（上传整个文件夹）。
2. 在弹出的文件选择窗口中选中目标内容，点击「确定」，VS Code底部状态栏会显示上传进度。

三、删除/移动文件/文件夹 #

• 删除：右键点击目标文件/文件夹，选择「Delete」，在确认窗口点击「Yes」即可。
• 移动：右键点击目标文件/文件夹，选择「Move」，在输入框中填写完整目标路径（如将test.html移到子文件夹，输入/site/wwwroot/subfolder/test.html），回车确认完成移动。

进阶解决方案 #

若以上操作仍失败，可尝试：

• 清理VS Code缓存：关闭VS Code，删除路径%APPDATA%\Code\Cache和%APPDATA%\Code\CachedData下的内容，重启后重新连接Azure。
• 检查存储配额：登录Azure Portal，进入Web App的「配置>常规设置」，确认文件系统是否存在存储容量不足的情况（免费层Web App有存储配额限制）。

内容的提问来源于stack exchange，提问作者Ruediger