今天给大家介绍一款微信小程序开发辅助。 微信小程序的开发规范遵循微信自创的网络生态。 这些工具非常完整且用户友好。 注册小程序后,可以下载一个微信开发工具。 工具,如下图所示:
从网上搜了一个开源的微信小程序,直接用开发工具打开。 运气好的话小程序可以直接运行。 可以简单看一下小程序的逻辑和UI代码:
用户界面
功能逻辑
一看就知道不是纯JS的写法,也不是流行的React、Vue等写法。 微信为小程序定义了一套完整的组件库和函数语法,只能通过官网学习:
但是写过前端程序的朋友肯定不想每次开发都学一套新的语法。 一来学习成本比较高,二来现有的知识不能复用,也很郁闷。 那么我们来介绍一个可以降低微信小程序开发成本的工具:
Taro是一个开放的跨终端跨框架解决方案,支持使用React/Vue/Nerv等框架开发微信/京东/百度/支付宝/字节跳动//飞书小程序/H5/RN等应用。
所以,开发过React和Vue的朋友有福了。 大家可以按照React或者Vue的代码习惯继续开发小程序。 不同的是你使用的是taro开发包:
React 开发语法
import React, { Component } from 'react' import { View, Text } from '@tarojs/components' export default class Index extends Component { state = { msg: 'Hello World!' } componentWillMount () { } componentDidShow () { } componentDidHide () { } render () { return ( {this.state.msg} ) } }
Vue开发语法
{{msg}} export default { data () { return { msg: 'Hello World!' } }, created () {}, onShow () {}, onHide () {} }
根据taro的文档可以编译出微信小程序:
今天主要记录下使用时下流行的React或者Vue前端框架开发微信小程序的方法,希望能给小伙伴们一个新的视角。