0530-3433334

网站建设 APP开发 小程序

知识

分享你我感悟

您当前位置>首页 >> 知识 >> 小程序

渐进式入门教程|Taro框架优势:React/Vue3

发表时间:2023-09-23 20:09:53

文章来源:炫佑科技

浏览次数:138

菏泽炫佑科技 菏泽炫佑小程序开发 菏泽炫佑app制作 炫佑科技

渐进式入门教程|Taro框架优势:React/Vue3

Taro框架的优点:

1.各大厂商认可(京东 Lab),更新快,资源广,教程多

2.支持React/Vue

3.开发后可编译成微信/京东/百度/支付宝/字节跳动/小程序/H5/React等应用

基于现有的各种框架,Taro介绍| taro文档和uni-app官网应该是*好的、*具代表性的两个小程序开发框架(uni-app也可以编译成ios/)。 由于我的公司主要使用React,所以我选择了Taro。

微信小程序入门和开发_入门微信开发程序小程序教程_零基础入门微信小程序开发

芋头开发前的准备工作:

1.安装Node.js渐进式入门教程|Taro框架优势:React/Vue3,从官网下载*新的长期维护版本(LTS),下载后双击安装包进行安装。

2.打开CMD或者设置淘宝的镜像源为npm

npm config set registry https://registry.npm.taobao.org

再次执行命令测试是否改源成功:

npm config get registry 

入门微信开发程序小程序教程_零基础入门微信小程序开发_微信小程序入门和开发

输出淘宝图片路径即表示成功。

更改淘宝npm镜像源

3.安装Taro命令行工具(Taro CLI)

npm i -g @tarojs/cli

安装完成后微信小程序入门和开发,输入测试命令

微信小程序入门和开发_零基础入门微信小程序开发_入门微信开发程序小程序教程

taro -h

如果显示如下,则说明安装成功:

4.配置代码并安装插件

将插件安装到 VS Code

微信小程序入门和开发_入门微信开发程序小程序教程_零基础入门微信小程序开发

启动**个小小程序:

1、打开CMD,切换到你打算创建项目的文件夹路径,然后输入init命令

创建芋头项目

2.打开VS Code,导入项目文件夹,在VS Code底部输入以下命令

npm run build:weapp

会被编译成小程序,编译后的文件会放在项目文件夹下的打包目录dist文件夹中。

3.打开“微信开发工具”,导入上一步生成的dist文件夹,预览生成的示例工程。

参考文章:

1. 渐进式入门教程 | 太罗文档

2.小程序开发:使用原生还是选择框架(wepy/mpvue/uni-app/taro)? - 苍青狼 - 博客园

3. 芋头入门 - Sifou

炫佑科技专注互联网开发小程序开发-app开发-软件开发-网站制作等

相关案例查看更多