微信小程序> 一、关于小程序开发Taro框架的学习(安装及使用)

一、关于小程序开发Taro框架的学习(安装及使用)

浏览量:801 时间: 来源:偌任

随着小程序越来越普遍的应用,app的轻量化开发成为了行业趋势,京东 - 凹凸实验室打造的一套遵循 React 语法规范的多端统一开发框架,通过Taro框架,可以快速把项目转换成H5,微信小程序等现在主流的小程序平台,做到一次开发全部应用的效果。

安装

aro 项目基于 node,请确保已具备较新的 node 环境(=8.0.0),推荐使用 node 版本管理工具 nvm 来管理 node,这样不仅可以很方便地切换 node 版本,而且全局安装时候也不用加 sudo 了。

安装 Taro 开发工具 @tarojs/cli

使用 npm 或者 yarn 全局安装,或者直接使用npx

# 使用 npm 安装 CLI$ npm install -g @tarojs/cli# OR 使用 yarn 安装 CLI$ yarn global add @tarojs/cli# OR 安装了 cnpm,使用 cnpm 安装 CLI$ cnpm install -g @tarojs/cli

在安装时我使用的是yarn安装,因为用npm安装失败,不知道是什么问题,有知道的大神可以留言解答一下。

使用

使用命令创建模板项目

$ taro init myApp

在创建完成后,Taro会默认开始安装项目所需要的依赖,若安装失败可以使用安装命令进行安装。

# 使用 yarn 安装依赖$ yarn# OR 使用 cnpm 安装依赖$ cnpm install# OR 使用 npm 安装依赖$ npm install

这里我也遇到了安装失败,用的是yarn安装的依赖。

安装完成后通过命令行选择预览的端口

//微信小程序# yarn$ yarn dev:weapp$ yarn build:weapp# npm script$ npm run dev:weapp$ npm run build:weapp# 仅限全局安装$ taro build --type weapp --watch$ taro build --type weapp# npx 用户也可以使用$ npx taro build --type weapp --watch$ npx taro build --type weapp//百度小程序# yarn$ yarn dev:swan$ yarn build:swan# npm script$ npm run dev:swan$ npm run build:swan# 仅限全局安装$ taro build --type swan --watch$ taro build --type swan# npx 用户也可以使用$ npx taro build --type swan --watch$ npx taro build --type swan//支付宝# yarn$ yarn dev:alipay$ yarn build:alipay# npm script$ npm run dev:alipay$ npm run build:alipay# 仅限全局安装$ taro build --type alipay --watch$ taro build --type alipay# npx 用户也可以使用$ npx taro build --type alipay --watch$ npx taro build --type alipay//字节跳动小程序# yarn$ yarn dev:tt$ yarn build:tt# npm script$ npm run dev:tt$ npm run build:tt# 仅限全局安装$ taro build --type tt --watch$ taro build --type tt# npx 用户也可以使用$ npx taro build --type tt --watch$ npx taro build --type tt//H5 预览项目# yarn$ yarn dev:h5# npm script$ npm run dev:h5# 仅限全局安装$ taro build --type h5 --watch# npx 用户也可以使用$ npx taro build --type h5 --watch//H5 打包项目# yarn$ yarn build:h5# npm script$ npm run build:h5# 仅限全局安装$ taro build --type h5# npx 用户也可以使用$ npx taro build --type h5//React Native# yarn$ yarn dev:rn# npm script$ npm run dev:rn# 仅限全局安装$ taro build --type rn --watch# npx 用户也可以使用$ npx taro build --type rn --watch

更新项目中 Taro 相关的依赖

$ taro update project

环境及依赖检测

Taro 提供了命令来一键检测 Taro 环境及依赖的版本等信息,方便大家查看项目的环境及依赖,排查环境问题。在提 issue 的时候,请附上 “taro info” 打印的信息,帮助开发人员快速定位问题。

$ taro info

在初步使用当中发现这确实是一个挺方便简单的框架,对于小程序全平台的开发有很大帮助,可以节省在开发中在多端重复写页面的时间。

但在使用中也发现了一些问题,比如Taro的不稳定,在打开过长时间的使用或频繁编译的时候,Taro很容易出现崩溃的情况,需要重启Taro,这在开发过程中不太方便,希望Taro开发团队可以继续优化编译环境,让编译更加稳定。

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎