A simple app for the Angular Mobile Toolkit Workshop
Prerequisites
- Latest stable versions of
node
,npm
installed. - Having
yarn
installed is strongly recommended. - Any simple web server od browser extension. Recommended: Web Server for Chrome
Install
- Clone the repo
yarn
or
npm install
Install/update Angular CLI
npm uninstall -g angular-cli
npm uninstall -g @angular/cli
npm cache clean
npm install -g @angular/cli@latest
Check the version:
npm list @angular/cli version -g
The output should be 1.0.0-rc.0
Checking the app
- In the terminal
ng serve
- Open http://localhost:4200/. You should see the page with
PWA Workshop
header. There will be some warnings about<template> element
in the console. Ignore them. - "Ctrl-C" to stop the app.
Creating a production build and serving it via external web server
ng build --prod
The dist
folder should be created. Start Web Server for Chrome
extension and point to this folder using "Choose folder" button. Open the link you see in "Web Server URL(s)" section (make sure the "Automatically show index.html" option is on). You should see the page with PWA Workshop
header.