生成资源

资源源

在创建的项目中有一个 assets-src 目录。它包含所需的图标和启动屏幕源图像。

基于创建的项目配置，assets-src 可能包含以下文件

• cordova-splash-screen.png - Cordova 应用启动屏幕图像。如果您的项目面向 iOS 或 Android 移动应用程序，则会显示。
• cordova-ios-icon.png - Cordova iOS 应用图标。如果您的项目面向 iOS 移动应用程序，则会显示。
• cordova-android-icon.png - Cordova Android 应用图标。如果您的项目面向 Android 移动应用程序，则会显示。
• cordova-electron-app-icon.png - Cordova Electron 应用图标。如果您的项目面向使用 Electron 的桌面应用程序，则会显示。
• cordova-electron-installer-icon.png - Cordova Electron 安装程序图标。如果您的项目面向使用 Electron 的桌面应用程序，则会显示。
• cordova-osx-icon.png - Cordova macOS 图标。如果您的项目面向 macOS 桌面应用程序，则会显示。
• web-icon.png - 网站图标。如果您的项目面向“网站应用程序”或“PWA”，则会显示。
• apple-touch-icon.png - iOS 网站图标。如果您的项目面向“网站应用程序”或“PWA”，则会显示。

生成资源

要生成您自己的图标和启动屏幕图像，您需要将此目录中的所有资源替换为您自己的图像（注意图像大小和格式），并在项目目录中运行以下命令

$ framework7 assets

此命令将生成所有所需的图标和启动屏幕尺寸，并将它们自动放置在需要的位置。

跳过更新

在 assets 命令中，CLI 首先会检查 CLI 更新，以始终提供最新且更好的体验。如果由于某种原因，您要禁用它，您可以使用 --skipUpdate 标志运行命令

$ framework7 assets --skipUpdate

用户界面

Framework7 CLI 允许使用用户界面启动资源生成过程。

要使用 UI 启动它，请在您的应用程序目录中使用 --ui 标志运行 assets 命令。

$ framework7 assets --ui

它将启动一个 UI，您可以在其中使用自定义资源替换资源并生成所需的图标。

默认情况下，它在 localhost:3001 地址上启动服务器。如果您想更改端口，请使用 --port <n> 参数

$ framework7 assets --ui --port 8080

NPX

如果您没有全局安装 Framework7 CLI，您可以使用 npx 命令生成资源。

例如

$ npx framework7-cli assets --ui