QQ小程序(开发小程序怎么)

介绍Vue3发布已经有一段时间了,从目前来看,其生态还算可以,也已经有了各种组件库给予了支持,但是不管是Vue3还是Vue2都无法直接用来开发小程序,因此国内一些技术团队针对Vue开发了一些多端兼

介绍

Vue3发布已经有一段时间了,从目前来看,其生态还算可以,也已经有了各种组件库给予了支持,但是不管是Vue3还是Vue2都无法直接用来开发小程序,因此国内一些技术团队针对Vue开发了一些多端兼容运行的开发框架,今天来体验一下使用Taro来体验一下使用Vue3开发多平台运行的小程序,以便于兼容各大小程序平台!


QQ小程序(开发小程序怎么)


Taro

Taro是一个由多个团队一起维护的开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发 / 京东 / 百度 / 支付宝 / 字节跳动 / QQ 小程序 / H5 / RN 等应用

https://github.com/nervjs/taro

目前支持以下平台的转换

QQ小程序(开发小程序怎么)

开发体验

首先我们安装Taro 3脚手架,以便于我们进行初始化项目

# 使用 npm(或cnpm) 安装 CLI
npm install -g @tarojs/cli
#或者使用 yarn 安装 CLI
yarn global add @tarojs/cli

taro –version查看版本

QQ小程序(开发小程序怎么)

如果使用yarn安装后未出现版本信息,则使用 yarn global bin查看yarn包目录,将之添加到环境变量即可,然后再使用taro –version查看版本号,当前是Taro v3.3.0

然后使用taro cli初始化一个vue3版本的项目:taro init

QQ小程序(开发小程序怎么)

自己选择合适的选项,然后等待安装依赖,可能需要稍等一会:

QQ小程序(开发小程序怎么)

安装完成,这时候就可以打开项目了,我们使用VSCode进行代码编写

QQ小程序(开发小程序怎么)

这里我们使用字节跳动的小程序为例:

QQ小程序(开发小程序怎么)

熟悉的CompositionAPI,这里我们使用yarn dev:tt(其余平台类似)进行编译,然后将dist目录导入到开发者工具进行预览测试

QQ小程序(开发小程序怎么)

QQ小程序(开发小程序怎么)


本文内容由互联网用户自发贡献,该文观点仅代表作者本人。如发现本站有涉嫌抄袭侵权/违法违规的内容,请发送邮件至 449@qq.com 举报,一经查实,本站将立刻删除。本文链接:https://www.hnhgjc.com/n/23974.html

(0)
新劵的头像新劵
上一篇 2022-05-03
下一篇 2022-05-03

相关推荐

联系我们

qq:65401449

在线咨询: QQ交谈

邮件:65401449@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息

关注微信