Code Monkey home page Code Monkey logo

beautywe's Introduction

Write beautiful code for wechat mini app by the beautiful we 👨‍💻‍!

NPM Size NPM Version NPM Version

CircleCI Coverage Status

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

License

This project is licensed under the MIT license.

Copyright (c) JerryC Huang ([email protected])

beautywe's People

Contributors

jerryc8080 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

beautywe's Issues

关于Component封装

你好,我尝试使用这个框架对原生Component函数进行封装,发现Object.defineProperty中_theHost会有指向问题,所以就没有办法对Component进行封装了吗?

Core V1.0.0

  • initialize 队列插入,放到 deepBind 之后
  • 单元测试补全到 90% 以上

可以提供一个项目实例吗?

你好,我按照示例执行
npm i @beautywe/cli -g
npm install
开发者工具构建npm 后报错:
module 'config/fs.js' is not defined, require args is 'fs'
VM706:9 app.js错误:
Error: module 'config/fs.js' is not defined, require args is 'fs'

然后尝试执行npm run dev 时也发生了错误。

[email protected] dev D:\wxcode\WeChat-projects\jerry\beautywe new app
beautywe run dev

events.js:377
throw er; // Unhandled 'error' event
^

Error: spawn D:\wxcode\WeChat-projects\jerry\beautywe new app\node_modules.bin\gulp ENOENT
at Process.ChildProcess._handle.onexit (internal/child_process.js:269:19)
at onErrorNT (internal/child_process.js:467:16)
at processTicksAndRejections (internal/process/task_queues.js:82:21)Emitted 'error' event on ChildProcess instance at:
at Process.ChildProcess._handle.onexit (internal/child_process.js:275:12)
at onErrorNT (internal/child_process.js:467:16)
at processTicksAndRejections (internal/process/task_queues.js:82:21) {
errno: -4058,
code: 'ENOENT',
syscall: 'spawn D:\wxcode\WeChat-projects\jerry\beautywe new app\node_modules\.bin\gulp',
path: 'D:\wxcode\WeChat-projects\jerry\beautywe new app\node_modules\.bin\gulp',
spawnargs: [ 'dev' ]
}

有点愚笨,可以提供一个能跑起来的项目实例吗
例如有赞这种 https://github.com/youzan/vant-demo

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.