渐进式入门教程|Taro框架优势:React/Vue3
发表时间:2023-09-23 20:09:53
文章来源:炫佑科技
浏览次数:138
菏泽炫佑科技 菏泽炫佑小程序开发 菏泽炫佑app制作 炫佑科技
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