All Projects → dcloudio → Hello Uniapp

dcloudio / Hello Uniapp

Licence: mit
uni-app框架演示示例

Programming Languages

javascript
184084 projects - #8 most used programming language
Vue
7211 projects
CSS
56736 projects

Projects that are alternatives of or similar to Hello Uniapp

Thorui Uniapp
ThorUI组件库,轻量、简洁的移动端组件库。组件文档地址:https://thorui.cn/doc/ 。 最近更新时间:2021-10-01
Stars: ✭ 1,842 (-2.07%)
Mutual labels:  uniapp, uni-app
less-api
通过一套「访问控制规则」配置数据库访问,用一个 API 替代服务端 90% 的 APIs。
Stars: ✭ 52 (-97.24%)
Mutual labels:  uniapp, uni-app
Uni App
uni-app 是使用 Vue 语法开发小程序、H5、App的统一框架
Stars: ✭ 34,949 (+1758%)
Mutual labels:  uniapp, uni-app
hello-iui
⚙️ iui uniapp组件库演示示例【停止维护】
Stars: ✭ 20 (-98.94%)
Mutual labels:  uniapp, uni-app
uni-load-refresh
uniapp 前端功能组件
Stars: ✭ 32 (-98.3%)
Mutual labels:  uniapp, uni-app
heytea
uniapp仿喜茶GO小程序前端模板(weapp + H5)(持续更新)
Stars: ✭ 202 (-89.26%)
Mutual labels:  uniapp
Open-IM-SDK-Android
OpenIM:由IM技术专家打造的基于 Go 实现的即时通讯(IM)项目,Android版本IM SDK 可以轻松替代第三方IM云服务,打造具备聊天、社交功能的app。
Stars: ✭ 144 (-92.34%)
Mutual labels:  uniapp
vue-cli-uniapp
基于vuecli模式的uniapp脚手架集成模板
Stars: ✭ 80 (-95.75%)
Mutual labels:  uniapp
mall-app
youlai-mall 微信小程序/H5/Android/iOS 移动应用端,uni-app终极跨平台前端框架。
Stars: ✭ 75 (-96.01%)
Mutual labels:  uni-app
Xboot
基于Spring Boot 2.x的一站式前后端分离快速开发平台XBoot 微信小程序+Uniapp 前端:Vue+iView Admin 后端:Spring Boot 2.x/Spring Security/JWT/JPA+Mybatis-Plus/Redis/Elasticsearch/Activiti 分布式限流/同步锁/验证码/SnowFlake雪花算法ID 动态权限 数据权限 工作流 代码生成 定时任务 社交账号 短信登录 单点登录 OAuth2开放平台 客服机器人 数据大屏 暗黑模式
Stars: ✭ 3,432 (+82.46%)
Mutual labels:  uniapp
createName
基于uni-app+unicloud实现微信诗歌起名小程序-五格三才-周易起名-八字起名-宝宝起名-周易模块更新中
Stars: ✭ 154 (-91.81%)
Mutual labels:  uni-app
jeecg-uniapp
JEECG BOOT APP 移动解决方案,采用uniapp框架,一份代码多终端适配,同时支持APP、小程序、H5!实现了与JeecgBoot平台完美对接的移动解决方案!目前已经实现登录、用户信息、通讯录、公告、移动首页、九宫格等基础功能。
Stars: ✭ 580 (-69.17%)
Mutual labels:  uniapp
spa-custom-hooks
💯 Custom hook of business layer (asynchronous task notification solution), supporting various applets and Vue architectures (uni app, wepy, mpvue, etc.)
Stars: ✭ 307 (-83.68%)
Mutual labels:  uniapp
AntForest
源代码一共有两个版本(uni-app小程序 和 微信原生小程序),都是完整的工程代码,可直接在对应的开发环境中运行,所以把代码分别放在对应的目录中啦!蚂蚁森林 给小树浇水成长、给好友投票,加油,助力,仿支付宝-蚂蚁森林,给小树苗浇水逐渐成长到大树的过程,所有参数都可配置(如水滴值,树的类型、动画等), 欢迎小伙伴们参与进来,一起完善。
Stars: ✭ 24 (-98.72%)
Mutual labels:  uni-app
coupons
淘宝客项目,支持App,微信小程序,QQ小程序
Stars: ✭ 392 (-79.16%)
Mutual labels:  uniapp
uniapp-tailwind-uview-starter
利用uniapp+tailwindcss 3.x+uview 1.x+vue-cli搭建的一套基础模板,可以使用Webstorm或者vscode开发。集成miniprogram-ci自动部署
Stars: ✭ 73 (-96.12%)
Mutual labels:  uniapp
uni-z-paging
【uni-app自动分页器】超简单!仅需两步轻松完成完整分页逻辑(下拉刷新、上拉加载更多),分页全自动处理。支持自定义加载更多的文字或整个view,自定义下拉刷新样式,自动管理空数据view等。
Stars: ✭ 91 (-95.16%)
Mutual labels:  uni-app
Yunyun-Study-for-Mobile
芸云课堂手机端 uni-app多端开发(暂不维护)
Stars: ✭ 57 (-96.97%)
Mutual labels:  uniapp
image-cropper
💯一款功能强大的微信小程序图片裁剪插件
Stars: ✭ 1,123 (-40.3%)
Mutual labels:  uni-app
almost-components uniapp
uni-app 使用的多端组件集合,支持APP、H5、小程序
Stars: ✭ 37 (-98.03%)
Mutual labels:  uniapp

hello-uniapp

uni-app框架示例,一套代码,同时发行到iOS、Android、H5、小程序等多个平台,请使用手机在下方扫码快速体验uni-app的强大功能。官方文档

快速上手

hello-uniapp 示例工程可以通过两种方式创建, 一种是 HBuilderX, 配套 IDE,集成开发;另一种是 CLI 创建;推荐前者。

通过 HBuilderX 可视化界面创建(推荐)

可视化的方式比较简单,HBuilderX内置相关环境,开箱即用,无需配置nodejs。

开始之前,开发者需先下载安装如下工具:

HBuilderX是通用的前端开发工具,但为uni-app做了特别强化,请下载App开发版。

由于截图在 github 不便浏览,参见官方文档 HBuilderX 可视化界面创建

通过 vue-cli 创建

npm install -g @vue/cli

创建uni-app

使用正式版(对应HBuilderX最新正式版)

vue create -p dcloudio/uni-preset-vue my-project

使用alpha版(对应HBuilderX最新alpha版)

vue create -p dcloudio/uni-preset-vue#alpha my-alpha-project

此时,会提示选择项目模板,选择 hello uni-app 项目模板,如下所示:

创建好后,进入项目目录

cd my-project

执行该命令运行到 h5 端

npm run dev:h5

欢迎提 issues,推荐到官方社区提问。

扫码体验

一套代码编到10个平台,这不是梦想。眼见为实,扫描10个二维码,亲自体验最全面的跨平台效果!

注:某些平台不能提交简单demo,故补充了一些其他功能;hello uni-app示例代码可从[github](https://github.com/dcloudio/hello-uniapp)获取
快应用仅支持 vivo 、oppo、华为
360小程序仅 windows平台支持,需要在360浏览器中打开

uni-app官网文档详见https://uniapp.dcloud.io

更多uni-app的模板、示例详见插件市场

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].