Skip to content

Latest commit

 

History

History
175 lines (137 loc) · 6.08 KB

README_EN.md

File metadata and controls

175 lines (137 loc) · 6.08 KB
Raw

English | 简体中文

WePY 2 (beta)

npm version travis-ci Github CI Coverage Status Dependency Status

Introduce

WePY resource summary：awesome-wepy

WePY (pronounced: /'wepi/) is a framework that enables componentization of small programs by pre-compiling them so that developers can choose their own development style.Details optimization of the framework, the introduction of Promise and Async Functions are all aimed at making it easier and more efficient to develop applets.

At the same time, WePY is also a growing framework, drawing heavily on the design concepts and ideas of some front-end optimization tools and frameworks.If WePY has a problem, or if you have a better idea, feel free to submit an ISSUE or PR.

Features:

  • Class Vue development style
  • Support for custom component development
  • Support for introducing NPM packages
  • support Promise
  • Support for ES2015+ features，如 Async Functions
  • Supports multiple compilers, Less/Sass/Stylus/PostCSS, Babel/Typescript, Pug
  • Supports a variety of plug-in processing, file compression, image compression, content replacement, etc
  • Supports Sourcemap, ESLint, etc
  • Small program details optimization, such as request queuing, event optimization, etc

Demo

<style lang="less">
@color: #4D926F;
  .num {
  color: @color;
  }
</style>
<template>
  <div class="container">
    <div class="num" @tap="num++">
      {{num}}
    </div>
    <custom-component></custom-component>
    <vendor-component></vendor-component>
    <div>{{text}}</div>
    <input v-model="text"/>
  </div>
</template>
<config>
{
  usingComponents: {
    customComponent: '@/components/customComponent',
    vendorComponent: 'module:vendorComponent'
  }
}
</config>

<script>
  import wepy from '@wepy/core';

  wepy.page({
    data: {
      num: 0,
      text: 'Hello World',
    },
  });
</script>

Usage

Install (upgrade) the WEPY command-line tool.

npm install @wepy/cli@next -g

Get start with an example

wepy init standard myproject

Install dependencies

cd myproject
npm install

Watch mode

wepy build --watch

Import project

Create a new project usingWeChat developer tool.If the local developer selects the project root directory, the project configuration will be automatically imported.

Which applets are developed with WePY

腾讯疫苗查询小程序、 腾讯翻译君小程序、 腾讯地图小程序、 玩转故宫小程序、 手机充值+、 手机余额查询、 手机流量充值优惠、 友福图书馆（开源）、 素洁商城（开源）、 NewsLite（开源）、 西安找拼车（开源）、 深大的树洞（开源）、 求知微阅读（开源）、 给你的 iPhone X 换个发型、 天天跟我买、 坚橙、 群脱单、 米淘联盟、 帮助圈、 众安保险福利、 阅邻二手书、 趣店招聘、 满熊阅读（开源： 微信小程序、支付宝小程序）、 育儿柚道、 平行进口报价内参、 GitHub 掘金版、 班级群管、 鲜花说小店、 逛人备忘、 英语助手君、 花花百科、 独角兽公司、 爱羽客羽毛球、 斑马小店、 小小羽球、 培恩医学、 农资优选、 公务员朝夕刷题、 七弦琴小助手、 七弦琴大数据、 爽到家小程序、 应用全球排行（开源）、 we 川大（开源）、 聊会儿、 诗词墨客（开源）、 南京邮电大学（开源）

...

Wechat group

WePY group has reached 500 members，Please add gcaufy_helper friends or scan the code to add friends, verify the reply 'wepy' according to the reference to enter the group.

wepy_qr_code

Contribution

If you have any comments or Suggestions, please feel free to contribute to improving the WeChat app-development experience by asking for Issues or Pull Requests.
see details：CONTRIBUTING.md

Tencent Open Source Incentive Plan EncouraTencent Open Source Incentive Plange developers to participate and contribute. Look forward to your participation.

Links

Documentation

Changelog

Contributing

License MIT