Build Progressive Web Apps in VS Code on the go and like a pro. We have Workbox Support fully stacked too. Advanced Progressive Web Apps FeaturesWorkbox is a set of libraries to help you write and manage service workers and caching with the CacheStorage API. Get started : how to use Workbox here Requirements
InstallationInstall vscode-pwa. It's available in Visual Studio Marketplace! OR Launch VS Code Quick Open ( Ctrl + P ), paste the following command and press enter.
Setting up the App Manifest and registering the Service WorkerWrite the Service Worker and App Manifest really quick and like a pro!
Simple basic Service Worker
Commands to type in your editor for Workbox CDNNOTE : Use and refer to workbox developer docs while using the following commands for e.g the most used and critical one, workbox routing
Setting up Workbox pre-cache
Commands to type in your editor for Workbox packages, using a bundlerExcerpt : When using a bundler to create your service worker, you install the Workbox packages you want to use from npm, and then you use import statements to directly reference the Workbox modules you want to use. Read more here | Command | Purpose and where to type |
| ----------------------- | -------------------------------------------------------------------------------------------------------------- |
| Demo with PWA VS Code in play (With the old version)Load preview in your browser here Known IssuesAll good to go with ^ v0.5-beta! Release Notes
Latest release of vscode-pwa beta! Enjoy 😊 🐥 and thanks for checking it out. Let's connect on twitter @mayeedwin1 : ) |