文件列表:

assets/ (0, 2020-04-01)
assets/icons/ (0, 2020-04-01)
assets/icons/icon_192.png (20574, 2020-04-01)
assets/icons/icon_24.png (1750, 2020-04-01)
assets/icons/icon_48.png (4037, 2020-04-01)
assets/icons/icon_512.png (12384, 2020-04-01)
assets/screenshots/ (0, 2020-04-01)
assets/screenshots/screen.png (16427, 2020-04-01)
index.html (1236, 2020-04-01)
manifest.json (898, 2020-04-01)
package-lock.json (121872, 2020-04-01)
package.json (558, 2020-04-01)
pwabuilder-sw.js (448, 2020-04-01)
src/ (0, 2020-04-01)
src/global.css (352, 2020-04-01)
src/script/ (0, 2020-04-01)
src/script/components/ (0, 2020-04-01)
src/script/components/header.js (809, 2020-04-01)
src/script/pages/ (0, 2020-04-01)
src/script/pages/app-index.js (1304, 2020-04-01)

# pwa-starter-vanilla Welcome to the plain JavaScript edition of the [PWABuilder](https://www.pwabuilder.com/) pwa-starter! Are you a beginner to web development and looking to build a new [Progressive Web App](https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps)? This is what you are looking for! The pwa-starter-vanilla includes everything you need to start building your first PWA. ## Getting Started ### Prequisites You will need the following things properly installed on your computer. * [Node.js](http://nodejs.org/) (with NPM) * [NPM](https://www.npmjs.com/get-npm) ### Recommended Development setup We recommend the following tools for your dev setup: * Editor: [VSCode](https://code.visualstudio.com/) * Terminal: [Windows Terminal](https://www.microsoft.com/en-us/p/windows-terminal-preview/9n0dx20hk701?activetab=pivot:overviewtab) or [hyper](https://hyper.is/) * VSCode extension: [PWABuilder VSCode extension](https://marketplace.visualstudio.com/items?itemName=PWABuilder.pwabuilder-extension) ### Development Run `npm install` and then run `npm run dev`, the starter should open in your default browser. From here you can start developing, your changes will be rebuilt and reloaded in the browser as you develop. ## Deployment and Packaging ### Deployment Once your PWA is ready to deploy we recommend [Azure static site hosting](https://docs.microsoft.com/en-us/azure/storage/blobs/storage-blob-static-website-how-to?tabs=azure-portal) for deploying your PWA. ### Packaging Many app stores, including the Microsoft Store and the Google Play Store support PWAs. To package your PWA for deployment to these app stores head back to https://pwabuilder.com/, put in your URL and hit `Build My PWA`. ## Folder Structure ``` pwa-starter-vanilla │ README.md (docs) | pwabuilder-sw.js (Service Worker https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API) | package.json (https://docs.npmjs.com/creating-a-package-json-file) | package-lock.json (https://docs.npmjs.com/files/package-lock.json) | manifest.json (web manifest https://developer.mozilla.org/en-US/docs/Web/Manifest) | index.prod.html (index.html file used for production builds) | index.html (index.html for dev builds) | *note*: The index.prod.html registers a service worker which caches assets, so index.html is used for dev builds | .gitignore (git config file https://git-scm.com/docs/gitignore) │ └───src (most of your development will happen here) │ │ global.css (used for global CSS styles and CSS variables) │ │ │ └───script │ │ │ | | └───components | | header.ts (header component) | | | | | └───pages | | app-index.ts (app-index component) | | app-home.ts (app-home component) | | app-about.ts (app-about component) ```

近期下载者：

相关文件：

评论：[我要评论] [举报此文件]

收藏者：