Taro框架优势:
1,大厂背书(来自京东凹凸实验室),更新快,资源广,教程多
2,支持React/Vue
3,一次开发,可以编译为微信/京东/百度/支付宝/字节跳动/ QQ 小程序/H5/React Native 等应用
综合现有各种框架,Taro 介绍 | Taro 文档跟uni-app官网应该是最优秀最有代表性的两种小程序开发框架(uni-app还可以编译为ios/Android应用)。因为鄙人公司主要用React,所以选用了Taro。
Taro开发前准备:
1,安装Node.js,在官网下载最新的长期维护版(LTS),下载完后双击安装包安装
2,打开CMD或PowerShell为npm设置淘宝的镜像源
npm config set registry https://registry.npm.taobao.org
再执行命令测试是否换源成功:
npm config get registry
输出淘宝镜像路径即代表成功
3,安装 Taro 命令行工具(Taro CLI)
npm i -g @tarojs/cli
安装完毕后输入测试命令
taro -h
有如下显示的话,则代表安装成功:
4,配置Visual Studio Code,安装ESLint插件
开始第一个小程序:
1,打开CMD,切换到打算创建项目的文件夹的路径,然后输入init命令
2,打开VS Code,导入项目文件夹,在VS Code底部Terminal输入以下命令
npm run build:weapp
则会编译成为小程序,并将编译后的文件放到项目文件夹下的打包目录dist文件夹
3,打开“微信开发者工具”,导入上一步生成的dist文件夹,就能预览生成的样板项目。