diff --git a/docs/studio/create-new.md b/docs/studio/create-new.md index 63c7e22a9..0a0f9c7e6 100644 --- a/docs/studio/create-new.md +++ b/docs/studio/create-new.md @@ -19,7 +19,7 @@ To start a new PWA using the PWABuilder Studio interface: 5. Your PWA repository will open in Visual Studio Code, with all the dependencies installed and ready to start coding.
- + Start new command bar option in VS Code
@@ -39,7 +39,7 @@ You can also start a new PWA with a command. To do this: 6. Your PWA repository will open in Visual Studio Code, with all the dependencies installed and ready to start coding.
- + Open PWA repository with all dependencies installed
## Next Steps diff --git a/docs/studio/package.md b/docs/studio/package.md index 196f564ff..760813ddf 100644 --- a/docs/studio/package.md +++ b/docs/studio/package.md @@ -17,7 +17,7 @@ To provide your progressive web app's URL: If you select `No` and don't have a URL, you will see this popup:
- +URL needed alert
You can follow this link to get more info about Azure Static Web Apps. @@ -37,7 +37,7 @@ To validate your PWA: The checklist should look like this:
- + Example checklist
In the example above, you can see that our app has the necessary features of a PWA, but hasn't yet be published to the web. As a result, the store-ready check fails overall. diff --git a/docs/studio/quick-start.md b/docs/studio/quick-start.md index 712d2e87f..74b53e849 100644 --- a/docs/studio/quick-start.md +++ b/docs/studio/quick-start.md @@ -38,14 +38,14 @@ Selecting any of the commands from this menu will launch the associated PWABuild If you're tired of VS Code shortcuts, PWABuilder Studio also has an interface for interaction with the extension. You can find the interface by selecting the PWABuilder Studio tab in your Code Window:
- + PWABuilder Studio tab in code window
After selecting the PWABuilder Studio tab, the leftmost pane of your Code window will now show a pane containing the interface for using the extension. Additionally, you'll also be able to access many of the commands from the extension on the bottommost bar of VS Code:
- + The extension on the bottommost bar of VS Code
You can learn how to use the different functions of the GUI in the various sections of the documentation.