Taro Mortgage Calculator

Hypothekenrechner

Taro 3 - Hypothekenrechner

Von links nach rechts: React Native, Weapp, H5

Multi-Terminal-Instanzen (React Native, Weapp, H5), die auf Basis von Taro 3 entwickelt wurden

Bei der Entwicklung von React Native wird empfohlen, vor der Entwicklung von React Native den React Native-Entwicklungsprozess und die Vorsichtsmaßnahmen zu lesen.

Projekteinführung

Verzeichnisstruktur:

 ├── config
├── global.d.ts
├── metro.config.js // Taro 3 RN metro 配置文件
├── package.json
├── project.config.json
├── src
│   ├── app.config.ts
│   ├── app.rn.scss // 针对RN的单独样式
│   ├── app.scss
│   ├── app.ts
│   ├── assets
│   ├── components // 封装的一些多端组件
│   ├── index.html
│   ├── pages
│   └── utils
├── tsconfig.json
└── yarn.lock

Ziel dieses Projekts ist es, einen Referenzfall für die Entwicklung von Multi-Terminal-Anwendungen in Taro 3 bereitzustellen, einige Komponenten zu kapseln, die Multi-Terminal unterstützen, Ideen und Techniken für die Entwicklung von Multi-Terminal-Anwendungen bereitzustellen und eine schnelle Entwicklung zu ermöglichen.

Online-Vorschau

Native reagieren	Miniprogramm	H5
Android: taroDemo.apk IOS: taroDemo.app (IOS-Simulatorpaket)		https://wuba.github.io/Taro-Mortgage-Calculator

Vorschau mit Taro Playground

0. Laden Sie Taro Playground herunter und installieren Sie es.
1. Führen Sie yarn dev:rn lokal aus, um den QR-Code zu drucken. Oder öffnen Sie die Veröffentlichungsseite.
2. Scannen Sie mit der APP den QR-Code, um das Paket zu laden und eine Vorschau anzuzeigen.

Lokal ausführen

  # clone到本地
  git clone https://github.com/wuba/Taro-Mortgage-Calculator.git
  
  # 进去项目根目录
  cd Taro-Mortgage-Calculator
  
  # 安装依赖
  yarn
  
  # 运行RN 默认端口8081
  yarn dev:rn

  # 运行微信小程序
  yarn dev:weapp

  # 运行H5
  yarn dev:h5

Lizenz

MIT