Azure Storage is a Microsoft-managed service providing cloud storage that is highly available, secure, durable, scalable, and redundant. Use the extension to deploy static websites and Single Page Apps (SPAs) and browse Azure Blob Containers, File Shares, Tables, and Queues.
Visit the wiki for additional information about the extension.
Sign up today for your free Azure account and receive 12 months of free popular services, $200 free credit and 25+ always free services 👉 Start Free.
If your activity bar is hidden, you won't be able to access the extension. Show the Activity Bar by clicking View > Appearance > Show Activity Bar
If you don't already have an Azure Account, click "Create a Free Azure Account" for a free 30-day account with $200 in Azure credits to try out any combination of services.
Once you are signed in to your Azure account and you have your app open in Visual Studio Code, right click the Storage accounts item and select "Create Storage Account... (Advanced)"
It may take up to a minute for the account to be created
Index.html is used for the error document because modern Single Page Applications (SPAs) such as React will handle errors in the client. For classic static websites, use the error document to customize your 404 page.
Once you have created your Storage Account, right click on the Storage Account and select "Deploy to Static Website via Azure Storage...".
Tip: Looking for a sample app to deploy? Run
npx create-react-app my-react-app
to create one
Make sure you've compiled your app (run npm run build
if you created a sample from create-react-app) prior to deploying it to Azure.
Select the build output from your current workspace if you have your app open already or browse to the directory containing your compiled application code
> If you have a build
, out
, or dist
directory, you'll see it as an option to deploy from.
Once the deployment completes, click Browse to Website in the prompt to view your freshly deployed website.
Use these configuration settings to customize the Azure Storage extension.
azureStorage.showExplorer
: Set to false
to hide Azure Storage ExplorerazureStorage.preDeployTask
: Set to the name of a task to be run before deploying a static website.azureStorage.storageExplorerLocation
: [Mac only] Set to "Path/To/Microsoft Azure Storage Explorer.app"
to override the default location.azureStorage.file.showSavePrompt
: Set to false
to prevent showing a warning dialog on File file save.azureStorage.blob.showSavePrompt
: Set to false
to prevent showing a warning dialog on Blob file save.There are several ways you can contribute to our repo:
npm install
.Tasks: Run Build Task
.Before we can accept your pull request you will need to sign a Contribution License Agreement. All you need to do is to submit a pull request, then the PR will get appropriately labelled (e.g. cla-required
, cla-norequired
, cla-signed
, cla-already-signed
). If you already signed the agreement we will continue with reviewing the PR, otherwise system will tell you how you can sign the CLA. Once you sign the CLA all future PR's will be labeled as cla-signed
.
This project has adopted the Microsoft Open Source Code of Conduct. For more information see the Code of Conduct FAQ or contact [email protected] with any additional questions or comments.
VS Code collects usage data and sends it to Microsoft to help improve our products and services. Read our privacy statement to learn more. If you don't wish to send usage data to Microsoft you can set the telemetry.enableTelemetry
setting to false
. Learn more in our FAQ.