1 В избранное 0 Ответвления 0

OSCHINA-MIRROR/Tencent-wepy

Клонировать/Скачать
README.md 10 КБ
Копировать Редактировать Web IDE Исходные данные Просмотреть построчно История
Отправлено 06.03.2025 08:07 5923e38

Английский | Русский

WePY 2 (альфа)

Версия npm Статус Travis-CI Статус Github CI Статус покрытия Статус зависимостей

Описание

Сборник ресурсов WePY: awesome-wepy

WePY (произносится как /ˈwepi/) — это фреймворк, который позволяет использовать компонентный подход при создании мини-приложений. Он использует предварительную компиляцию, чтобы позволить разработчикам выбирать стиль разработки, который им нравится. Введение в детали оптимизации, Promise и async functions делает процесс создания мини-приложений более простым и эффективным.

При этом WePY является развивающимся фреймворком, который активно поглощает идеи и концепции из других инструментов и фреймворков для улучшения фронтенд-разработки. Если вы заметили недостатки в WePY или у вас есть предложения по улучшению, приветствуем ваши сообщения Issue или Pull Request.

Основные возможности:- Разработка в стиле Vue.js

  • Поддержка разработки пользовательских компонентов
  • Возможность использования модулей из npm
  • Поддержка Promise
  • Поддержка новых возможностей ECMAScript, таких как Async Functions
  • Поддержка различных компиляторов, таких как Less/Sass/Stylus/PostCSS, Babel/TypeScript, Pug
  • Поддержка различных плагинов для сжатия файлов, сжатия изображений, замены контента и т.д.
  • Поддержка sourcemaps, ESLint и т.д.
  • Дополнительные оптимизации для мини-приложений, такие как управление очередями запросов, оптимизация событий и т.д.### Пример
<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: 'Привет Мир',
},
});
</script>

Установка и использование

Установите (обновите) командную строку WePY.

npm install @wepy/cli@next -g

Создайте пример разработки.

wepy init standard myproject

Установите зависимости.

cd myproject
npm install

Включите режим реального времени сборки во время разработки.

wepy build --watch

Импортирование проекта в Инструменты разработчика WeChat

Создайте новый проект с помощью Инструментов разработчика WeChat, выбрав корневую директорию проекта при локальной разработке, что позволит автоматически импортировать конфигурацию проекта.### Какие мини-приложения были созданы с использованием WePY?

Мини-приложения WeChat от Tencent:

Группа общенияГруппа общения WePY достигла максимальной вместимости в 500 человек. Для добавления в группу пожалуйста свяжитесь с gcaufy_helper через друзей или используйте QR-код ниже. При добавлении укажите проверочный код wepy, следуя указаниям.

QR-код группы WePY

Участие в проекте

Если у вас есть предложения или идеи, мы будем рады получить от вас Issue или Pull Request, чтобы улучшить опыт разработки приложений WeChat Mini Programs. Подробнее см. CONTRIBUTING.md.

Программа стимулирования участия Tencent Open Source поощряет участие и вклад разработчиков. Мы ждём вашей помощи!

Ссылки

Документация

История изменений

Участие в проекте

Лицензия MIT

Опубликовать ( 0 )

Вы можете оставить комментарий после Вход в систему

1
https://api.gitlife.ru/oschina-mirror/Tencent-wepy.git
git@api.gitlife.ru:oschina-mirror/Tencent-wepy.git
oschina-mirror
Tencent-wepy
Tencent-wepy
master