React+Taro创建小程序

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

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

javascript 复制代码
node -v
npm -v

第二步:安装Taro CLI

javascript 复制代码
npm install -g @tarojs/cli

第三步:创建项目

javascript 复制代码
taro init my-react-taro-app

然后可以看到,下图

第四步:进入到根目录

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

javascript 复制代码
cnpm install

项目目录

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

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

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

javascript 复制代码
npm run dev:weapp

启动H5 开发环境

javascript 复制代码
npm run dev:h5

第六步:构成生产版本

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

复制代码
npm run build:h5

或构建微信小程序:

复制代码
npm run build:weapp

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

相关推荐
光影少年8 分钟前
Android和iOS原生开发的基础知识对RN开发的重要性,RN打包发布时原生端需要做哪些配置?
android·前端·react native·react.js·ios
英俊潇洒美少年21 分钟前
迷你 React 调度器(带优先级+时间切片)手写实现
前端·javascript·react.js
百撕可乐37 分钟前
WenDoraAi官网NextJS实战04:HTTP 请求封装与SSR
前端·网络·网络协议·react.js·http
软件开发技术43 分钟前
新版点微同城主题源码34.7+全套插件+小程序前后端 源文件
小程序·php
mon_star°14 小时前
消防安全培训小程序项目亮点与功能清单
小程序
编程迪15 小时前
基于Java和Vue开发的在线问诊系统医疗咨询小程序APP
小程序
AlkaidSTART15 小时前
TanStack Query 技术指南:异步状态管理核心实践
前端·react.js
CHU72903516 小时前
知识触手可及:在线教学课堂APP的沉浸式学习体验
前端·学习·小程序
竟未曾年少轻狂16 小时前
微信小程序-组件开发
微信小程序·小程序
ZHENGZJM16 小时前
JWT 鉴权体系:令牌生成与解析
react.js·go