前言

近年來使用 Visual Studio 進行開發工作,也習慣透過 Visual Studio 直接發佈網站到 Azure App Service。最近突然好奇 Visual Studio Code 能不能做到相同的事情,稍微查詢一下官方文件,果然沒有讓開發者失望,可以透過 Azure App Service Extension (Preview) 完成發佈工作。

安裝套件完成,重啟 Visual Studio Code 即可已開始使用



操作介紹

前置作業:
您必須先發佈(Publish) 專案後,將發佈後的資料夾內容進行上傳,而不是上傳專案內容 

Step 1.  點選左邊 Azure icon,選擇 Sign in to Azure ...


Step 2. 此時右下角出現一組代碼,你可點選 Copy & Open,並開啟瀏覽器輸入這組代碼


Step 3. 輸入代碼後,可以看見登入裝置 Visual Studio Code。我們點選繼續


Step 4. 登入完成,回到 Visual Studio Code 可以看見左邊出現訂閱帳戶。找到你的 Web App,右鍵點選它,選擇 Browse 找到你想要部署專案的資料夾


Step 5. 完成部署後,開啟瀏覽器輸入網址,完成!