Taro开发之——编译运行到支付宝小程序(7)

发表于 分类于 ， ， 阅读时长 ≈ 1 分钟

一 概述

  • 开发环境
  • 默认程序效果
  • 修改程序并运行

二 开发环境

  • 操作系统：Win 11 专业版 24H2
  • 开发工具：VSCode、支付宝小程序工具
  • Node: 22.16.0
  • Yarn: 1.22.22

二 默认程序效果

2.1 终端执行如下指令

1
yarn dev:alipay

2.2 编译完成后，dist目录下文件生成

2.3 打开支付宝小程序工具导入dist目录查看效果

1、百度小程序打开后界面如下图

2、选择右上角的打开项目，选择dist文件夹

3、导入后， 默认界面如下图

三 修改程序并运行

3.1 pages/index/index.tsx文件修改内容

1
2
3
4
5
6
7
const items = ['Item 1', 'Item 2', 'Item 3','Item 4','Item 5']; //添加数据项
//添加显示列表
{ 
    items.map((item, index) => {
        return <View key={index}>{item}</View>
     })
  }

3.2 修改后效果(重新编译执行)

四 参考

  • Taro官网文档——支付宝小程序
  • 支付宝小程序工具—下载地址