为什么捐赠
API 资源管理器
升级指南
新增!
quasar.config 文件
转换为使用 Webpack 的 CLI
浏览器兼容性
支持 TypeScript
目录结构
命令列表
CSS 预处理器
路由
延迟加载 - 代码分割
处理资源
启动文件
预取功能
API 代理
处理 Webpack
处理 process.env
使用 Pinia 进行状态管理
使用 Vuex 进行状态管理
代码风格检查器
测试与审计
开发移动应用
Ajax 请求
将开发服务器开放给公众
Quasar CLI 与 Webpack - @quasar/app-webpack
SPA 的应用图标

此构建目标包含各种针对各个浏览器和操作系统的特殊图标。您需要所有这些图标 - 并且如果您发现有新的或缺失的图标,请提交问题

Icon Genie CLI

提示

我们强烈建议使用Icon Genie CLI,因为它会使用源图标并自动克隆、缩放、缩小并将其放置在适合您的目录中。如有必要,它还会告诉您需要在 /index.html 或 /src/index.template.html 文件中添加哪些标签。

使用 Icon Genie CLI 快速引导必要的图像。有关选项的完整列表,请访问Icon Genie CLI命令列表页面。

$ icongenie generate -m spa -i /path/to/source/icon.png

手动说明

favicon.ico
favicon-128x128.png
favicon-96x96.png
favicon-32x32.png
favicon-16x16.png

引用上述文件的 /index.html 或 /src/index.template.html 中所需的 HTML 代码

<link rel="icon" type="image/ico" href="favicon.ico">
<link rel="icon" type="image/png" sizes="128x128" href="icons/favicon-128x128.png">
<link rel="icon" type="image/png" sizes="96x96" href="icons/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="32x32" href="icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="icons/favicon-16x16.png">