当前位置: 首页 > 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/ 目录中

相关文章:

  • 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 引擎
  • 杭州市建设网官网/优化关键词排名哪家好
  • 软件企业网站模板/做一个官网要多少钱
  • 哪个博客可以做单页网站/百度怎么搜索网址打开网页
  • b2b电子商务网站调研报告一千字/中央电视台新闻联播
  • 在网站开发中如何设置用户登录/常熟seo网站优化软件
  • 自己做网站项目/中国突然宣布一重磅消息