taro msparis 다운로드 - taro msparis 소스 코드 다운로드

taro msparis

AI 소스 코드

1.0.0

다운로드

머리말

Taro는 React 구문 사양을 따르는 멀티엔드 개발 솔루션입니다. 요즘에는 웹, React-Native, WeChat 애플릿과 같은 다양한 형태의 고급형 터미널이 매우 인기가 있습니다. 비즈니스 요구 사항이 동시에 여러 터미널에서 성능을 요구하는 경우 여러 코드 세트가 필요합니다. 비용은 분명히 매우 높습니다. 이때 단 하나의 코드 세트를 작성하여 여러 터미널에 적응하는 능력이 매우 필요합니다.

Taro를 사용하면 한 세트의 코드만 작성한 다음 Taro 의 컴파일 도구를 사용하여 소스 코드를 다른 터미널에서 실행할 수 있는 프로그램으로 컴파일할 수 있습니다(WeChat/Baidu/Alipay/ByteDance 미니 프로그램, H5, React-Native 등) 코드.

이 프로젝트는 Taro를 기반으로 전자상거래 플랫폼의 완전한 비즈니스 로직과 기능적 포인트를 포함하는 패션 옷장 프로젝트 데모를 구축합니다. 이 프로젝트가 마스터될 수 있다면 대부분 회사의 다른 React 프로젝트는 영향을 받지 않을 것이라고 믿습니다. . 아래에.

네트워크 상태가 좋지 않을 경우 국내 미러 가속 노드로 이동해주세요.

효과 시연

데모를 보려면 여기를 클릭하십시오(미리 보려면 Chrome 모바일 모드를 사용하십시오).

H5 버전&& WeChat 미니 프로그램 버전

기술 스택

리액트 + 타로 + Dva + Sass + ES6/ES7

프로젝트 운영


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 `文件名`

잠시의 여유

프로젝트 설명

git 브랜치 설명:

init: 프레임워크의 전체 구조이며 비즈니스 로직을 포함하지 않습니다.

master: 프로젝트의 안정적인 버전

기능: 프로젝트 개발 지점

적응 진행

H5 -- 완벽한 핏
WeChat 미니 프로그램--완벽한 적응
Alipay 미니 프로그램 -- 95% 호환
Baidu 미니 프로그램 -- 95% 적응 가능
ByteDance 미니 프로그램 -- 적응
리액트 네이티브 - 적응
빠른 적용-적응

목표 함수

사업소개

디렉토리 구조

 ├── .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 `文件名`