初识Taro框架(一)

一、 什么是Taro框架?
Taro是一套遵循React语法规范的多端开发解决方案。
使用Taro,只书写一套代码,再通过Taro的编译工具,将源代码分别编译出可以在不同端(微信小程序、H5、RN等)运行的代码。(一套代码,多端运行)
初识Taro框架(一)_第1张图片

二、 为什么用它?
编写一套代码,可适配多端(微信小程序、h5、支付宝小程序、RN)
**三、 怎么用?
**
Taro团队官网:https://taro-docs.jd.com/taro/docs/GETTING-STARTED.html
安装:
在命令行中安装Taro开发工具 @tarojs/cli
使用npm或者yarn全局安装,或者直接使用npx
Npm install –g @tarojs/cli
Yarn global add @tarojs/cli
初识Taro框架(一)_第2张图片
命令初始化项目:
Taro init 项目名
初识Taro框架(一)_第3张图片
初识Taro框架(一)_第4张图片
可以选择自己需要的
测试h5端运行
初识Taro框架(一)_第5张图片
初识Taro框架(一)_第6张图片
初识Taro框架(一)_第7张图片
初识Taro框架(一)_第8张图片
小程序端运行
项目根目录下启动各个生态端的命令
H5 npm run dev:h5
微信小程序 npm run dev:weapp
支付宝小程序 npm run dev:alipay
百度小程序 npm run dev:swan
Reactnative npm run dev:rn

项目目录介绍
初识Taro框架(一)_第9张图片

你可能感兴趣的:(前端,微信小程序)