capacitore framework7 javascript mobile app starter template Download - capacitore framework7 javascript mobile app starter template Source Code

capacitore framework7 javascript mobile app starter template

شفرة المصدر الأخرى

1.0.0

تنزيل

العرض التوضيحي

Framework7 خيارات CLI

تطبيق Framework7 الذي تم إنشاؤه مع الخيارات التالية:

 {
  "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"
    ]
  }
}

تثبيت التبعيات

بادئ ذي بدء ، نحتاج إلى تثبيت التبعيات ، وتشغيله في المحطة الطرفية

 npm install

نصوص NPM

start - تشغيل خادم التطوير
؟ dev - Run Development Server
؟ build - بناء تطبيق الويب للإنتاج
build-capacitor-ios قم ببناء التطبيق ونسخه إلى مشروع IOS Capacitor
build-capacitor-android قم ببناء التطبيق ونسخه إلى مشروع Android Capacitor

فيت

هناك إعداد Bundler Vite. يجمع وحزم جميع الموارد "الواجهة الأمامية". يجب عليك العمل فقط مع الملفات الموجودة في مجلد /src . تكوين Vite الموجود في vite.config.js .

مكثف

هذا المشروع تم إنشاؤه بدعم مكثف. وأول شيء مطلوب قبل البدء هو إضافة منصات مكثف ، تشغيل في المحطة الطرفية:

 npx cap add ios && npx cap add android

تحقق من وثائق المكثف الرسمية لمزيد من الأمثلة وأمثلة الاستخدام.

أصول

الأصول (الرموز ، شاشات البداية) الصور المصدر الموجودة في مجلد assets-src . لإنشاء الرموز الخاصة بك وصور شاشة البداية ، ستحتاج إلى استبدال جميع الأصول في هذا الدليل بصورك الخاصة (انتبه إلى حجم الصورة وتنسيقها) ، وتشغيل الأمر التالي في دليل المشروع: