capacitore framework7 javascript mobile app starter template Descargar - capacitore framework7 javascript mobile app starter template Código de origen Descargar

capacitore framework7 javascript mobile app starter template

Otro código fuente

1.0.0

Descargar

Manifestación

Opciones de CLI de Framework7

Aplicación Framework7 creada con las siguientes opciones:

 {
  "cwd": "/home/mateen/Documents/office data/mobile-apps/Framework7",
  "type": [
    "capacitor"
  ],
  "name": "Demo",
  "framework": "core",
  "template": "split-view",
  "bundler": "vite",
  "cssPreProcessor": "less",
  "theming": {
    "customColor": false,
    "color": "#007aff",
    "darkMode": false,
    "iconFonts": true
  },
  "customBuild": true,
  "customBuildConfig": {
    "rtl": false,
    "darkTheme": true,
    "lightTheme": true,
    "themes": [
      "ios",
      "md"
    ],
    "components": [
      "dialog",
      "popup",
      "login-screen",
      "popover",
      "actions",
      "sheet",
      "toast",
      "preloader",
      "progressbar",
      "sortable",
      "swipeout",
      "accordion",
      "contacts-list",
      "virtual-list",
      "list-index",
      "timeline",
      "tabs",
      "panel",
      "card",
      "chip",
      "form",
      "input",
      "checkbox",
      "radio",
      "toggle",
      "range",
      "stepper",
      "smart-select",
      "grid",
      "calendar",
      "picker",
      "infinite-scroll",
      "pull-to-refresh",
      "data-table",
      "fab",
      "searchbar",
      "messages",
      "messagebar",
      "swiper",
      "photo-browser",
      "notification",
      "autocomplete",
      "tooltip",
      "gauge",
      "skeleton",
      "color-picker",
      "treeview",
      "text-editor",
      "area-chart",
      "pie-chart",
      "breadcrumbs",
      "typography"
    ]
  },
  "pkg": "io.framework7.myapp",
  "capacitor": {
    "platforms": [
      "ios",
      "android"
    ]
  }
}

Instalar dependencias

En primer lugar, necesitamos instalar dependencias, ejecutar en terminal

 npm install

Scripts de NPM

start - Ejecutar el servidor de desarrollo
? dev - Ejecutar el servidor de desarrollo
? build - BUSCAR APLICACIÓN WEB PARA PRODUCCIÓN
build-capacitor-ios -Built Aplic y copiarla al proyecto de condensadores de iOS
build-capacitor-android : cree una aplicación y copie al proyecto de condensadores de Android

Vite

Hay una configuración de Vite Bundler. Compila y agrupa todos los recursos de "front-end". Debe trabajar solo con archivos ubicados en la carpeta en /src . Configuración vite ubicada en vite.config.js .

Condensador

Este proyecto creado con soporte de condensadores. Y lo primero que se requiere antes del inicio es agregar plataformas de condensadores, ejecutar en terminal:

 npx cap add ios && npx cap add android

Consulte la documentación oficial del condensador para obtener más ejemplos y ejemplos de uso.

Activos

Activos (iconos, pantallas de salpicaduras) Imágenes de origen ubicadas en la carpeta de assets-src . Para generar sus propios iconos e imágenes de pantalla de salpicaduras, deberá reemplazar todos los activos en este directorio con sus propias imágenes (preste atención al tamaño y el formato de la imagen) y ejecutar el siguiente comando en el directorio del proyecto:

 framework7 assets

O inicie la interfaz de usuario donde podrá cambiar los iconos y las pantallas de salpicaduras:

 framework7 assets --ui

Activo del condensador

Los activos del condensador se encuentran en la carpeta resources que está destinado a usarse con la herramienta cordova-res . Para generar activos de aplicaciones móviles se ejecutan en la terminal: