Descarga de taro msparis - Descarga del código fuente de taro msparis

taro msparis

Código Fuente de IA

1.0.0

Descargar

Prefacio

Taro es una solución de desarrollo multi-end que sigue las especificaciones de sintaxis de React. Hoy en día, existen varias formas de alta gama en el mercado. Varios terminales, como los subprogramas Web, React-Native y WeChat, son muy populares cuando los requisitos comerciales requieren rendimiento en diferentes terminales al mismo tiempo, se deben usar varios conjuntos de códigos. Escrito para diferentes terminales, el costo es obviamente muy alto. En este momento, la capacidad de adaptarse a múltiples terminales escribiendo solo un conjunto de código es extremadamente necesaria.

Usando Taro , solo podemos escribir un conjunto de código y luego usar la herramienta de compilación de Taro para compilar el código fuente en programas que se puedan ejecutar en diferentes terminales (miniprogramas WeChat/Baidu/Alipay/ByteDance, H5, React-Native). , etc.) código.

Este proyecto se basa en Taro y crea una demostración de un proyecto de vestuario de moda, que involucra la lógica comercial completa y los puntos funcionales de una plataforma de comercio electrónico. Si se puede dominar este proyecto, creo que otros proyectos de React de la mayoría de las empresas no se verán afectados. . Abajo.

Si la red es deficiente, vaya al nodo de aceleración del espejo nacional.

Demostración de efectos

Haga clic aquí para ver la demostración (use el modo móvil de Chrome para obtener una vista previa)

Versión H5 y versión del mini programa WeChat

pila de tecnología

Reaccionar + Taro + Dva + Sass + ES6/ES7

Operación del proyecto


git clone [email protected]:EasyTuan/taro-msparis.git

# 国内镜像加速节点:[email protected]:easytuan/taro-msparis.git

cd taro-msparis

# 全局安装taro脚手架
npm install -g @tarojs/[email protected]

# 项目依赖为1.2.2版本，如要升级，请同时升级项目依赖
# 如用1.2.2版本，请忽略这句
taro update project

# 安装项目依赖
npm install

# 微信小程序
npm run dev:weapp

# 支付宝小程序
npm run dev:alipay

# 百度小程序
npm run dev:swan

# 字节跳动小程序
npm run dev:tt

# H5
npm run dev:h5

# React Native
npm run dev:rn

# pages模版快速生成
npm run tep `文件名`

Un momento de ocio

Descripción del proyecto

descripción de la rama git:

init: la estructura general del marco, no implica ninguna lógica empresarial

master: la versión estable del proyecto

característica: rama de desarrollo de proyectos

Progreso de la adaptación

H5 -- ajuste perfecto
Mini programa WeChat: adaptación perfecta
Mini programa Alipay: 95% compatible
Programa Baidu Mini: 95% adaptable
Miniprograma ByteDance - Adaptación
Reaccionar nativo - Adaptación
Aplicación rápida: adaptación

función objetivo

Lista de ropa: completa
Detalles de ropa--Completo
Iniciar sesión, registrarse--completar
Centro personal--Completo
Cupón - Listo
Portatrajes (carrito de compras) - Listo
Dirección de envío -- Completa
Centro de miembros: en desarrollo

Introducción de negocios

Estructura del directorio

 ├── .temp                  // H5编译结果目录
├── .rn_temp               // RN编译结果目录
├── dist                   // 小程序编译结果目录
├── config                 // Taro配置目录
│   ├── dev.js                 // 开发时配置
│   ├── index.js               // 默认配置
│   └── prod.js                // 打包时配置
├── screenshots            // 项目截图，和项目开发无关
├── site                   // H5静态文件（打包文件）
├── src                    // 源码目录
│   ├── components             // 组件
│   ├── config                 // 项目开发配置
│   ├── images                 // 图片文件
│   ├── models                 // redux models
│   ├── pages                  // 页面文件目录
│   │   └── home
│   │       ├── index.js           // 页面逻辑
│   │       ├── index.scss         // 页面样式
│   │       ├── model.js           // 页面models
│   │       └── service.js        // 页面api
│   ├── styles             // 样式文件
│   ├── utils              // 常用工具类
│   ├── app.js             // 入口文件
│   └── index.html
├── package.json
└── template.js            // pages模版快速生成脚本,执行命令 npm run tep `文件名`