Skip to content
This repository has been archived by the owner on Jul 19, 2022. It is now read-only.
Zach Teutsch edited this page Jan 27, 2022 · 15 revisions

Welcome to the PWA Studio Code Extension Documentation! 🎆

The PWA Studio Code Extension brings commands and interface to VSCode that are specific to developing progressive web applications, turning your go-to developer environment into a PWA workshop. The extension includes functionality for:

  • Starting a new PWA
  • Converting an existing web app into a PWA
  • Managing your PWA's manifest and service workers
  • Packaging your PWA for the Microsoft, Google, and Apple Stores
  • ...and more!

This documentation contains all the info you need for working with the extension, and can be navigated using the table of contents to the right ➡️➡️➡️

Getting the Extension

The PWA Builder Code extension is available on the VSCode Extension Marketplace and can be downloaded here.

If you already have VS Code installed, clicking install will prompt you to open VS Code and take you right to the extension. If you don't have VS Code but want to try developing PWAs with the extension, you can download Code here.

You can also search the extension and download it from within VS Code. Just got to the Extensions tab and search for the extension.

First Steps With the Extension

Here are a few places to check out in the documentation if you are using the extension for the first time:

Looking to build a new PWA from scratch?
Check out how to clone the PWA Starter application with the extension.

Want to convert your web app into a PWA?
Take a look at adding a web manifest to your existing web applicatioon.

Have a PWA already and want to get it Store-ready?
Learn how to validate your PWA and then package it for stores.

Resources and Links

Check out some of these sites to learn more about PWAs and PWA Builder!

PWA Builder

PWA Starter application

Progressive Web App Overview

Clone this wiki locally