Vue PWA应用程序模板

Vue 和 PWA 结合的应用程序模板,用起来真是挺顺手的。

项目结构清晰,从目录到命名都不绕,基本拿来就能开干。yarn dev直接跑开发模式,想构建上线就yarn build,省心。

Axios中间件也预设好了,连全局错误都顺带搭了个底子,稍微改改就能接接口。还有一点挺贴心,postcss配置也顺带修了,省得你再挨个踩坑。

SCSS 支持也顺,样式结构可以写得挺优雅的。打包后大小也不错,GZIP 压缩完就 30 多 KB,轻盈流畅。

如果你正准备搞个PWA,又懒得从头配 webpack,那这个模板挺适合拿来直接二开。想看看相关的PWAReact模板,也可以瞄一眼下面几个:

- 最小 React PWA 应用程序 - GitHub 模板
- Vue CLI PWA 模板
- Vue2 + TypeScript 全栈示例

嗯,这套模板比较适合做 PWA 起步项目。要是你想省事,就直接上。

zip
vue-app-template-master.zip 预估大小:35个文件
folder
vue-app-template-master 文件夹
file
postcss.config.js 673B
file
yarn.lock 351KB
folder
configs 文件夹
file
workbox.js 331B
file
.browserslistrc 180B
folder
src 文件夹
folder
imgs 文件夹
file
technology.png 19KB
folder
icons 文件夹
file
technology.svg 6KB
folder
scss 文件夹
file
index.scss 311B
folder
components 文件夹
folder
utils 文件夹
folder
_media.scss 文件夹
folder
_variables.scss 文件夹
folder
_fonts.scss 文件夹
folder
freq 文件夹
folder
_frequest.scss 文件夹
file
_global.scss 947B
folder
vendor 文件夹
file
_bootstrap-grid.scss 18KB
folder
js 文件夹
folder
store 文件夹
folder
utils 文件夹
file
asyncData.js 1002B
file
api.js 111B
folder
modules 文件夹
file
draft.js 94B
file
index.js 205B
folder
components 文件夹
folder
pages 文件夹
file
Main.vue 678B
folder
global 文件夹
file
NotFound.vue 103B
file
Navbar.vue 94B
file
Footer.vue 100B
file
App.vue 336B
file
index.js 309B
folder
routes 文件夹
file
route.js 589B
folder
template 文件夹
file
index.template.ejs 4KB
file
.babelrc 839B
file
webpack.dev.config.js 5KB
file
LICENSE 1KB
file
README.md 463B
file
webpack.prod.config.js 6KB
folder
dist 文件夹
folder
site-icon 文件夹
file
app-logo.png 23KB
folder
pwa 文件夹
file
manifest.json 646B
file
.gitignore 302B
file
.htaccess 759B
file
package.json 2KB
zip 文件大小:195.68KB