版权声明：本文为博主原创文章遵循 版权协议，转载请附上原文出处链接和本声明

 

  需要先安装yarn，网上教程比较多自行查阅
 
 

 
 
 

 注意，安装后会修改或添加部分文件
 
 

 
 
 

 然后茬dev目录下添加sw.js 大概就是定义PWA的生命周期的监听
 
 

• 重启浏览器即可添加支持。

 

 然后在chrome浏览器安装即可
 
 

 
 
 

 

     目前只是简单实现通过vue-cli3.0实现pwa只是为了能够简单安装(入门级别，不要嘲笑)后续功能还有待继续学习，希望能够和大家共同学习如有不对，请指正！
 
 

     Tips：貌似目前是一个比较成熟的PWA解决方案可以考虑看一下！