第一步:首先确认是否安装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.pswp.cn/news/910204.shtml
繁体地址,请注明出处:http://hk.pswp.cn/news/910204.shtml
英文地址,请注明出处:http://en.pswp.cn/news/910204.shtml

如若内容造成侵权/违法违规/事实不符,请联系英文站点网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

佳能Canon TS3100 Series打印机信息

打印功能 打印速度:黑白约 7.7 页 / 分钟,彩色约 4 页 / 分钟。打印分辨率:最高可达 48001200dpi,墨滴最小间距为 1/4800 英寸,能够保证高质量的输出,使文字清晰、色彩鲜艳。打印宽度:203.2 毫米…

家用电脑搭建可外网访问的网站服务器操作流程

在互联网时代,拥有一个属于自己的网站是展示个人风采、分享知识经验、开展线上业务的绝佳方式。你是否想过,利用家中闲置的电脑,就能搭建出一个可以被外网访问的网站服务器?这不仅能满足个性化需求,还能节省租用专业服…

CSS知识补充 --- 控制继承

每天学习一点点!!! 总所周知,CSS某些属性可以继承,然后今天看到MDN的时候看到了CSS也可以控制继承,感觉很有意思,所以记录一下: 控制继承有5个属性值,分别:in…

如何使用Ant Design Blazor组件在列表页弹窗增加修改数据

在winform中首次使用net8做页面。列表页想使用Ant Design组件的弹窗组件实现。但第一次在winform项目中使用ant design组件,列表页面,点击新增,或者编辑操作实现弹窗页面,弹窗页面想使用模板页razor页来实现,而不是用m…

嵌入式学习 51单片机01

一、框架 1、CPU(Central Processing Unit,中央处理单元)‌是计算机的核心部件,负责执行计算机指令和处理数据。 2、MCU(Microcontroller Unit,微控制单元)‌是一种将中央处理器、内存、输入输出…

C语言之内存对齐

一、为什么要内存对齐 Arm对内存的访问支持字(4byte)、半字(2byte)、字节(1byte)的直接访问,但是呢他们是有一定的要求的: 存取字时要求地址按字对齐,也就是地址要是4的…

Python 基础语法 -----函数

一、函数 1、函数是什么 编程中的函数和数学中的函数有一定的相似之处。 数学上的函数,比如 y sin x,x 取不同的值,y 就会得到不同的结果。 编程中的函数是一段可以被重复使用的代码片段。 (1)求数列的和&#x…

Windows/Linux系统 Ollama部署deepseek 大模型

Ollama 是一个开源工具,专门用于在本地计算机上运行和操作大型语言模型(LLM) 官方下载网站(https://ollama.ai/) Windows系统安装方法 建议命令行安装(默认安装会直接安装到C盘) OllamaSetu…

用Tensorflow进行线性回归和逻辑回归(一)

这一章告诉你如何用TensorFlow构建简单的机器学习系统。第一部分回顾构建机器学习系统的基础特别是讲函数,连续性,可微性。接着我们介绍损失函数,然后讨论机器学习归根于找到复杂的损失函数最小化的点的能力。我们然后讲梯度下降,…

java/.net跨平台UI浏览器SDK,浏览器控件开发包分析

在 Linux 系统中,虽然没有完全等同于安卓 WebView 的内置浏览器 SDK,但存在多种基于开源浏览器引擎的解决方案,支持通过 Java 代码控制网页加载和执行 JavaScript。以下是具体实现方案和技术细节: 一、核心技术方案对比 方案名称…

Taro 状态管理全面指南:从本地状态到全局方案

在跨端应用开发中,状态管理是构建可维护、可扩展应用的核心环节。作为京东凹凸实验室推出的多端统一开发框架,Taro 支持 React/Vue 等主流前端框架,自然也继承了丰富的状态管理生态。本文将全面剖析 Taro 中的各种状态管理方案,从…

记录一下jar做成windows服务问题

1、打包好jar 2、把jdk防止到和jar同一目录下 3、下载winsw-x64.exe 和 sample-minimal.xml https://github.com/winsw/winsw/releases/download/v2.12.0/WinSW-x64.exehttps://github.com/winsw/winsw/releases/download/v2.12.0/WinSW-x64.exe sample-minimal.xmlhttps://…

【Dify 案例】【MCP实战】【二】【超级助理】

我们创建一个工作流。你是一个超级助理,能够根据输入的指令,进行推理和自主调用工具,完成并输出结果。 注意,需要判断是否调用高德MCP来获取对应工具协助你完成任务。 1.开始 2.策略大脑 2.1 AEGNT策略 2.2 工具列表 2.3 指令

Qt Quick 与 QML(二)qml中的顶级窗口

一、前言 在QML中,‌顶级窗口不是绝对必需的‌,但它在大多数应用场景中扮演着关键角色。 需要顶级窗口的典型场景: 1.独立桌面/移动应用‌ 必须使用Window或ApplicationWindow作为根元素。 2.多窗口应用 每个独立窗口都需要一个顶级窗口实例…

华为云Flexus+DeepSeek征文|DeepSeek-V3/R1 免费服务开通全流程与Rest API和OpenAI SDK调用详解

华为云FlexusDeepSeek征文|DeepSeek-V3/R1 免费服务开通全流程与Rest API和OpenAI SDK调用详解 前言 本文将详细介绍DeepSeek-V3/R1 免费服务开通全流程,并且详细讲解通过本地方式Rest API和OpenAI SDK两种方式调用DeepSeek-V3/R1 前提准备 1、访问 Mod…

Qt 连接信号使用lambda表达式和槽函数的区别

1. 语法与代码结构 成员函数 需在类中显式声明槽函数(public slots: 或 Qt 5 后的任意成员函数),并在连接时指定接收对象。 class Receiver : public QObject {Q_OBJECT public slots:void handleSignal(int value) { /* ... */ } };// 连接…

学习笔记丨AR≠VR:透视沉浸式技术的“虚实象限”法则

AR(增强现实)和VR(虚拟现实)是沉浸式技术的两大分支,核心区别在于虚拟与现实的融合程度。以下是两者的详细对比: 对比维度 AR(增强现实) VR(虚拟现实) 技术…

本地使用 modelscope 大模型 来进行文本生成视频(Text-to-Video)

1. ✅ 创建并激活 Conda 环境(Python 3.8) conda create -n modelscope python3.8 -yconda activate modelscope 2.✅ 安装了 PyTorch(CPU 版本) 如果你是 CPU-only 用户(没有 NVIDIA 显卡 或不想用 GPU&#xff0…

文生视频(Text-to-Video)

🕒 生成时间:每张图大概 10–60 秒(取决于设备) ✅ 二、文生视频(Text-to-Video) 以下项目中,很多都基于 SD 模型扩展,但视频生成复杂度高,生成时间一般 超过 30 秒&am…

CLion + STM32环境配置,亲测有效(2025.06.19记)

CLion STM32环境配置 遇到的问题描述: > "moniton" command not supported by this target. > You cant do that when your target is exec > 上传完成,但存在问题 > monitor reset > "monitor" command not …