html52.com
我爱小程序-开发者交流社区

BeautyWe.js 一套专注于微信小程序的开发范式

一个简单的介绍

BeautyWe.js 是什么?

它是一套专注于微信小程序的企业级开发范式,它的愿景是:

让企业级的微信小程序项目中的代码,更加简单、漂亮。

为什么要这样命名呢?

Write beautiful code for wechat mini program by the beautiful we!

「We」 既是我们的 We,也是微信的 We,Both beautiful!

那么它有什么卖点呢?

  1. 专注于微信小程序环境,写原汁原味的微信小程序代码。

  2. 由于只专注于微信小程序,它的源码也很简单。

  3. 插件化的编程方式,让复杂逻辑更容易封装。

  4. 再加上一些配套设施:

    1. 一些官方插件。

    2. 一套开箱即用,包含了工程化、项目规范以及微信小程序环境独特问题解决方案的框架。

    3. 一个CLI工具,帮你快速创建应用,页面,组件等。

它由以下几部分组成:

  • 一个插件化的核心 - BeautyWe Core 
    对 App、Page 进行抽象和包装,保持传统微信小程序开发姿势,同时开放部分原生能力,让其具有「可插件化」的能力。

  • 一些官方插件 — BeautyWe Plugins 
    得益于 Core 的「可插件化」特性,封装复杂逻辑,实现可插拔。官方对于常见的需求提供了一些插件:如增强存储、发布/订阅、状态机、Logger、缓存策略等。

  • 一套开箱即用的项目框架 - BeautyWe Framework 
    描述了一种项目的组织形式,开箱即用,集成了 BeautyWe Core ,并且提供了如:全局窗口、开发规范、多环境开发、全局配置、NPM 等解决方案。

  • 一个CLI工具 - BeautyWe Cli 
    提供快速创建应用、页面、插件,以及项目构建功能的命令行工具。并且还支持自定义的创建模板。


<p align="center"> <a href="http://beautywejs.com"> <img width="620" src="https://raw.githubusercontent.com/beautywe/docs/master/docs/assets/images/logo-V4.png"> </a> </p>

<p align="center"> Write beautiful code for wechat mini app by the beautiful we 👨‍💻‍! </p>

<p align="center"> <a href="https://www.npmjs.com/package/@beautywe/core"> <img alt="NPM Size" src="https://img.shields.io/bundlephobia/minzip/@beautywe/core.svg"> </a> <a href="https://www.npmjs.com/package/@beautywe/core"> <img alt="NPM Version" src="https://img.shields.io/npm/v/@beautywe/core.svg"> </a> <a href="https://www.npmjs.com/package/@beautywe/core"> <img alt="NPM Version" src="https://img.shields.io/npm/dm/@beautywe/core.svg"> </a> </p>

<p align="center"> <a href="https://circleci.com/gh/beautywe/beautywe"> <img alt="CircleCI" src="https://img.shields.io/circleci/project/github/beautywe/beautywe/master.svg"> </a> <a href='https://coveralls.io/github/beautywe/beautywe?branch=master'> <img src='https://coveralls.io/repos/github/beautywe/beautywe/badge.svg?branch=master' alt='Coverage Status' /> </a> </p>

<h3 align="center"> <a href="http://beautywejs.com">📖 Document</a> </h3>

Introduction


BeautyWe 是一套专注于微信小程序的企业级开发范式,它的愿景是:

让企业级的微信小程序项目中的代码,更加简单、漂亮。

它由几部分组成:

  • 核心 - BeautyWe Core
    对 App、Page 进行抽象和包装,保持传统微信小程序开发姿势,同时开放部分原生能力,让其具有「可插件化」的能力。

  • 插件 — BeautyWe Plugins
    得益于 Core 的「可插件化」特性,封装复杂逻辑,形成可插拔式的插件。官方提供了常见需求的解决方案:如增强存储、发布/订阅、状态机、Logger、缓存策略等。

  • 框架 - BeautyWe Framework
    描述了一种项目的组织形式,开箱即用,集成了 beautywe core ,并且提供了如:全局窗口、开发规范、多环境开发、全局配置、NPM 等解决方案。

  • 自动化 - BeautyWe Cli
    提供快速创建应用、页面、插件,以及项目构建功能的命令行工具。

Usage Example

npm i @beautywe/core @beautywe/plugin-event
import { BtApp } from '@beautywe/core';
import event from '@beautywe/plugin-event';

const myApp = new BtApp({
    // the code as you write for App()
});

myApp.use(event());

App(myApp);

之后,你就能使用 plugin-event 提供的能力了:

const myApp = getApp();

// now you can listening and trigger an event
myApp.event.on('hello', (msg) => console.log(msg));
myApp.event.trigger('hello', 'I am jc');

Contact & Support

  • 欢迎通过邮箱来跟我联系: huangjerryc@gmail.com
  • 欢迎通过 GitHub issue 提交 BUG、以及其他问题
  • 欢迎给该项目点个赞 ⭐️ star on GitHub !

Appreciates

<p align="left"> <img width="350" src="https://raw.githubusercontent.com/beautywe/docs/master/docs/assets/images/appreciates.jpg"> </p>

License

This project is licensed under the MIT license.

Copyright (c) JerryC Huang (huangjerryc@gmail.com)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

真正的个人免签约支付接口

云免签H5支付