当前位置: 首页 > news >正文

React+Taro创建小程序

第一步:首先确认是否安装Node.js和npm

如果已安装Node.js和npm,以下可以查询

node -v
npm -v

第二步:安装Taro CLI

npm install -g @tarojs/cli

第三步:创建项目

taro init my-react-taro-app

然后可以看到,下图

第四步:进入到根目录

cd my-react-taro-app 安装依赖,个人建议使用cnpm,也可以使用npm。

cnpm install

项目目录

第五步:启动到开发服务器

你可以通过以下命令启动不同平台的开发模式:

启动到微信小程序,之后可以在根目录看到dist文件,直接用微信开发者工具打开就可以预览效果。

npm run dev:weapp

启动H5 开发环境

npm run dev:h5

第六步:构成生产版本

当你准备发布时,可以使用以下命令进行构建:

npm run build:h5

或构建微信小程序:

npm run build:weapp

构建后的文件会放在 dist/ 目录中

http://www.dtcms.com/a/253430.html

相关文章:

  • Mac m1 通过docker镜像安装kafka
  • Smart Input Pro IDEA 插件推荐
  • Redis(2)——AOF持久化
  • 不依赖rerank 模型排序通过使用 PostgreSQL 中的 pgvector 与 tsearch2 函数进行混合搜索提高召回率
  • 机器学习重构光子学设计范式:从智能器件到前沿系统
  • 腾讯云TCCP认证考试报名 - TDSQL数据库交付运维高级工程师(PostgreSQL版)
  • 【Linux】基于单例模式的线程池设计
  • window11中开启ubuntu22.04子系统
  • Process simulate机器人操作工艺仿真
  • VGG-19(Visual Geometry Group)模型
  • ubuntu使用tftp传输文件
  • Ubuntu 使用kubeadm部署k8s系统组件反复重启的问题
  • ubuntu2404 Server扩展PV
  • 剑指offer32_二叉搜索树的后序遍历序列
  • OpenCV根据模板图像寻找环境中的目标
  • 状态压缩与前缀和的魔力:破解LeetCode 1371元音之谜
  • RAG实践:Routing机制与Query Construction策略
  • Gemini 2.5 Flash-Lite 新版解析:与 Pro 和 Flash 版本的性能对比
  • JavaEE-Spring-IoCDI
  • 深入探索 UnoCSS:下一代原子化 CSS 引擎
  • HTML 与 CSS 的布局机制(盒模型、盒子定位、浮动、Flexbox、Grid)问题总结大全
  • 股指期货套期保值是利好还是利空?
  • 数组和指针
  • django 获取 filter后的某一个属性的list
  • 阿里云主机自动 HTTPS 证书部署踩坑实录
  • JavaScript 循环方式:全面解析与性能对比
  • Java求职者面试题详解:核心语言、计算机基础与源码原理
  • 爬虫技术:数据挖掘的深度探索与实践应用
  • C++/OpenCV 图像预处理与 PaddleOCR 结合进行高效字符识别
  • 计算无线电波在大气中传播衰减的算法