Taro开发之——编译运行到微信小程序(5)

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

一 概述

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

二 开发环境

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

二 默认程序效果

2.1 终端执行如下指令

1
yarn dev:weapp

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

2.3 打开微信小程序工具导入dist目录查看效果

三 修改程序并运行

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官网文档——微信小程序
  • 微信小程序工具—下载地址