一款加速开发微信小程序的工具（一款加速开发微信小程序的工具叫什么）

ccwgpt 2024-11-04 11:51 27 浏览 0 评论

今天来介绍一款微信小程序开发辅助工具，微信小程序的开发规范是遵循微信自己打造的一种web生态，工具相当齐全、人性化，当注册好一个小程序后，就可以下载一个微信开发者工具，如下图所示：

从Github上搜寻了一款开源的微信小程序，用开发工具直接打开，运气好的话，小程序可以直接跑起来，可以简单看下小程序的逻辑和UI的代码：

功能逻辑

大概看一眼，就知道不是纯粹的JS写法，也不是流行的React、Vue等写法，微信给小程序定义了一整套的组件库以及功能语法，只能通过官网来学习：https://developers.weixin.qq.com/miniprogram/dev/framework/

但是写过前端程序的朋友，肯定不希望每次开发都学习一套新的语法，一来学习成本比较高，二来已有的知识无法复用，也很憋屈。所以下面来介绍一款也许能够缩短微信小程序开发成本的工具：

https://taro.zone

Taro 是一个开放式跨端跨框架解决方案，支持使用 React/Vue/Nerv 等框架来开发微信 / 京东 / 百度 / 支付宝 / 字节跳动 / QQ / 飞书小程序 / 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 (
      <View className='index'>
        <Text>{this.state.msg}</Text>
      </View>
    )
  }
}

Vue开发语法

<template>
  <view class="index">
    <text>{{msg}}</text>
  </view>
</template>
<script>
export default {
  data () {
    return {
      msg: 'Hello World！'
    }
  },
  created () {},
  onShow () {},
  onHide () {}
}
</script>

按照taro的使用文档即可编译出微信小程序：

https://docs.taro.zone/docs/GETTING-STARTED

今天主要记录了下用流行的React或者Vue前端框架来开发微信小程序的方式，希望可以给朋友们一个新的视野。

微信小程序前端框架

上一篇：多端开发框架uni-app入坑指南，一套代码适用微信、头条等小程序
下一篇：微信答题小程序产品研发-系统架构设计

一款加速开发微信小程序的工具（一款加速开发微信小程序的工具叫什么）

相关推荐

取消回复欢迎你发表评论:

使用cheat engine修改unity游戏（cheat engine教程）

1分钟了解Tableau

(转载)Python爬虫框架Scrapy入门与实践

钉钉打卡虚拟定位赶快点赞收藏吧!

超级硬核的钉钉模拟wifi，定位，远程打卡教程

足不出户便能环游世界!手机发微信朋友圈如何定位到国外?

6米跨度柱子一般多大?框架结构的柱子应该设置多大?

项目使用 Jfrog Artifactory 制品库

.NET 多版本 WinForm 开源控件库 SunnyUI 技术解析与示例代码

SpringBoot的starter到底是什么?

一款加速开发微信小程序的工具（一款加速开发微信小程序的工具叫什么）

相关推荐

取消回复欢迎 你 发表评论:

使用cheat engine修改unity游戏（cheat engine教程）

1分钟了解Tableau

(转载)Python爬虫框架Scrapy入门与实践

钉钉打卡虚拟定位赶快点赞收藏吧!

超级硬核的钉钉模拟wifi，定位，远程打卡教程

足不出户便能环游世界!手机发微信朋友圈如何定位到国外?

6米跨度柱子一般多大?框架结构的柱子应该设置多大?

项目使用 Jfrog Artifactory 制品库

.NET 多版本 WinForm 开源控件库 SunnyUI 技术解析与示例代码

SpringBoot的starter到底是什么?

取消回复欢迎你发表评论: