微信小程序的开发规范是遵循微信自己打造的一种web生态

今天给大家介绍一款微信小程序开发辅助。 微信小程序的开发规范遵循微信自创的网络生态。 这些工具非常完整且用户友好。 注册小程序后，可以下载一个微信开发工具。 工具，如下图所示：

从网上搜了一个开源的微信小程序，直接用开发工具打开。 运气好的话小程序可以直接运行。 可以简单看一下小程序的逻辑和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开发语法

根据taro的文档可以编译出微信小程序：

今天主要记录下使用时下流行的React或者Vue前端框架开发微信小程序的方法，希望能给小伙伴们一个新的视角。