李成笔记网

专注域名、站长SEO知识分享与实战技巧

小程序开发——Taro框架从入门到放弃

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文件夹,就能预览生成的样板项目。


参考文章:

1,渐进式入门教程 | Taro 文档

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

3,Taro 入门 - SegmentFault 思否

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言