Home
The PWABuilder VSCode extension is the easiest way to turn VSCode into the best IDE for Progressive Web Applications! Check out our docs below to learn about all the features we offer and how to use the extension.
- Start building a new PWA, with all the best practices, an excellent developer experience and exceptional performance, in seconds using the PWABuilder pwa-starter.
- Learn how to publish your app to the Web with Azure Static Web Apps
- Add a Web Manifest and Service Worker to your existing web app
- Package your PWA for the Microsoft Store, Google Play, and Apple App Store
- Generate Icons for your PWA
- Validate that your PWA is installable in the browser and is ready to publish to the app stores
- Learn more about the features of the Web Manifest to enable new features in your PWA
- Use our snippets to quickly and easily implement native features that can improve the User Experience of your PWA
- FAQ
- Tutorials
The quickest way to get started with the extension is by opening the PWABuilder panel. This can be done by clicking the PWABuilder icon on the left side of VSCode:
You should then see our three sections: Web Manifest, Service Worker, and your Store Ready Checklist. All three views have the top item checked off, then your PWA is ready to go:
If you are missing one of the items, no problem! The extension will provide you with a button to generate the needed asset:
Finally, the Extension also provides buttons at the bottom of VSCode to provide quick access to all of our features:
