https://github.com/tinajs/tina

:dancer: 一款轻巧的渐进式微信小程序框架
https://github.com/tinajs/tina

framework mina tina weapp wechat wechat-mini-program weixin wxapp wxml wxs wxss

Last synced: 7 days ago
JSON representation

:dancer: 一款轻巧的渐进式微信小程序框架

• Host: GitHub
• URL: https://github.com/tinajs/tina
• Owner: tinajs
• License: apache-2.0
• Created: 2017-11-15T13:59:28.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2024-11-10T01:40:04.000Z (5 months ago)
• Last Synced: 2025-04-09T21:29:55.622Z (8 days ago)
• Topics: framework, mina, tina, weapp, wechat, wechat-mini-program, weixin, wxapp, wxml, wxs, wxss
• Language: JavaScript
• Homepage: https://tina.js.org
• Size: 1.04 MB
• Stars: 1,334
• Watchers: 49
• Forks: 133
• Open Issues: 24
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• stars - tinajs/tina
• awesome-wechat-weapp - tina ★1k+ - 轻巧的渐进式微信小程序框架 (工具)
• awesome-wechat-weapp - tina ★300+ - 轻巧的渐进式微信小程序框架 (工具)
• awesome-wechat-app - tina ★1k+ - 轻巧的渐进式微信小程序框架 (工具)
• awesome-wechat-app - tina ★1k+ - 轻巧的渐进式微信小程序框架 (工具)
• awesome-wechat-app - tina ★300+ - 轻巧的渐进式微信小程序框架 (工具)

README

        
[![](https://github.com/tinajs/assets/raw/master/images/banners/title.png)](https://tina.js.org/)

# Tina.js

> 一款轻巧的渐进式微信小程序框架

[![npm](https://img.shields.io/npm/v/@tinajs/tina.svg?style=flat-square)](https://www.npmjs.com/package/@tinajs/tina)

[![license](https://img.shields.io/github/license/tinajs/tina.svg?style=flat-square)](./LICENSE)

[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)

[![Chat](https://img.shields.io/badge/chat-on%20discord-7289da.svg?style=flat-square)](https://discord.gg/YXxy8Wp)

## 特性

- :honeybee: 轻盈小巧

  核心框架打包后仅 ![](http://img.badgesize.io/https://unpkg.com/@tinajs/tina/dist/tina.min.js?style=flat-square) 。

- :raising_hand: 极易上手

  保留 MINA (微信小程序官方框架) 的大部分 API 设计；无论你有无小程序开发经验，都可以轻松过渡上手。

- :chart_with_upwards_trend: 渐进增强

  我们已经为你准备好了 [状态管理器](https://tina.js.org/#/guide/state-management) (比如 Redux)、[Immutable.js](https://github.com/tinajs/tina-immutable)、[路由增强](https://tina.js.org/#/guide/router) 等扩展，当然你也可以 [自己编写一个新的插件](https://tina.js.org/#/guide/plugin)。

## NPM 与单文件组件

结合我们为你准备的 [mina-webpack](https://github.com/tinajs/mina-webpack)，还能够为你的小程序项目带来：

- :oden: Mina 单文件组件 / 页面

- :package: NPM（没错！除了一般的包，你还可以分享或下载独立的 Mina 组件）

- :crystal_ball: 以及 Webpack 附带的其他能力，如 Babel、PostCSS、代码压缩等功能。

## 一个简单的例子

[![](https://github.com/tinajs/assets/raw/master/images/screenshots/intro/app.png)](https://gist.github.com/imyelo/48872fc76468c86b1feb893a98a216fa#file-app-mina)

[![](https://github.com/tinajs/assets/raw/master/images/screenshots/intro/home.png)](https://gist.github.com/imyelo/48872fc76468c86b1feb893a98a216fa#file-home-mina)

## 浏览更多示例

[浏览更多使用 Tina.js 的示例 :beginner:](https://tina.js.org/#/guide/examples)

## 文档

如果你已经熟悉传统的小程序开发，那么上手 tina 将会非常简单。

接下来，请前往 [:book: tina.js.org](https://tina.js.org) 查阅更详尽的指南。

## Showcase

|小程序码|项目|

|-|-|

|![wxcode](https://github.com/tinajs/assets/raw/master/images/showcases/hackernews-wxcode-172.png)|Hacker News 热点 :fire:
[https://github.com/tinajs/tina-hackernews](https://github.com/tinajs/tina-hackernews)|

|![wxcode](https://github.com/tinajs/assets/raw/master/images/showcases/kuaizixun-wxcode-172.png)|快资讯
[@lizheming](https://github.com/lizheming)|

|![wxcode](https://cdn.ruguoapp.com/jike-mp/wxcode-172.jpg)|即刻App
[@ruguoapp](https://github.com/ruguoapp)|

|![wxcode](https://raw.githubusercontent.com/leadream/funny/master/calendar-movie/movielect-wxcode.jpg)|选个电影
[@leadream](https://github.com/leadream)|

|![wxcode](https://static.kanfangjilu.com/common/weapp-code-tina-showcase-172.jpg)|小鹿选房
[fanggeek.com](http://fanggeek.com)|

|![wxcode](https://assets.miniapp.neobaran.com/wallpaper/qrcode/tinajs?imageMogr2/thumbnail/176x)|魔性壁纸 😀
[neobaran.com](https://neobaran.com/#wallpaper)|

|![wxcode](https://qktlite-1253493352.cos.ap-guangzhou.myqcloud.com/teacher/assets/images/hejiaoyu-yuzhitong-teacher.jpg)|和教育语智通 教师版
|

|![wxcode](https://static.coolvox.com/gh_e3a14cef028c_258.jpg?x-oss-process=image/resize,m_fill,w_172)|库音 COOLVOX
[coolvox.com](https://coolvox.com/)|

|![wxcode](https://chao.zhimg.com/wechat_mp/qrcode.jpeg?x-oss-process=image/resize,m_fill,w_172)|CHA蛋
[chaotag.com](https://www.chaotag.com/)|

*你也已经在使用 Tina.js 了吗？[请在这里告诉我们 :muscle:。 ](https://github.com/tinajs/tina/edit/master/README.md)*

## License

[![FOSSA Status](https://app.fossa.io/api/projects/git%2Bgithub.com%2Ftinajs%2Ftina.svg?type=small)](https://app.fossa.io/projects/git%2Bgithub.com%2Ftinajs%2Ftina?ref=badge_small)

Apache-2.0 © [yelo](https://github.com/imyelo), 2017 - present

[![](https://github.com/tinajs/assets/raw/master/images/banners/sponsored.png)](https://github.com/tinajs/tina)