This time I will bring you a detailed practical case study of using @angular/cli V6.0 to develop PWA applications (with code). What are the precautions for using @angular/cli V6.0 to develop PWA applications? , the following is a practical case, let’s take a look.
What is PWA
PWA (Progressive Web App) utilizes TLS, webapp manifests and service workers to enable applications to install and use it offline. In other words, a PWA is like a native app on your phone, but it's built using web technologies like HTML5, JavaScript, and CSS3. When built correctly, PWAs are indistinguishable from native apps. The main features of PWA include the following three points:
Angular has officially released V6.0, and we can already use the corresponding @angular/cli V6.0 to directly develop PWA applications. Not much to say below, let’s take a look at the detailed introduction.
Step one: Install @angular/cli V6.0If you have an old version on your machine, please uninstall it first.
Open your terminal and execute:
npm install -g @angular/cli
After successful installation, use ng -v to check the version number:
##Second step: new an empty projectExecution:
ng new test-ng-pwa
ng serve --open
Stop the project, and then execute it in the terminal:
ng add @angular/pwa
https://npmjs.com/package/lite-server, please execute :
npm install lite-server --save-dev npm install lite-server --global
After installation, execute: npx ng build --prod && lite-server --baseDir dist/test-ng-pwa
Recommended reading:
node koa2 mysql bootstrap to build the front and back ends of the forum##Detailed explanation of usage examples of this in JS
The above is the detailed content of Detailed explanation of practical cases for developing PWA applications using @angular/cli V6.0 (with code). For more information, please follow other related articles on the PHP Chinese website!