• Stars
    star
    2,713
  • Rank 16,807 (Top 0.4 %)
  • Language Vue
  • License
    MIT License
  • Created about 6 years ago
  • Updated 3 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

uni-app框架演示示例

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的模板、示例详见插件市场

More Repositories

1

uni-app

A cross-platform framework using Vue.js
JavaScript
39,977
star
2

mui

最接近原生APP体验的高性能框架
JavaScript
13,472
star
3

uni-ui

基于uni-app的、全端兼容的、高性能UI框架
Vue
1,856
star
4

casecode

DCloud开源项目集锦
JavaScript
1,432
star
5

test-framework

框架测试汇总
JavaScript
381
star
6

uni-preset-vue

uni-app preset for vue
JavaScript
300
star
7

nml

278
star
8

H5P.Server

PHP
268
star
9

uni-template-news

基于uni-app开发的新闻/资讯类App模板
Vue
254
star
10

H5P.Android

HTML5 Plus for Android
Java
249
star
11

uni-admin

基于 uni-app,uniCloud 的 admin 管理项目模板
Vue
240
star
12

uni-template-login

基于uni-app框架的登录模板
Vue
234
star
13

uni-template-picture

基于uni-app框架的看图模板
Vue
219
star
14

uni-migration

统一转换器,可实现将小程序项目转换为快应用项目
JavaScript
142
star
15

H5P.Core

HTML5 plus runtime
HTML
138
star
16

uni-template-one

基于uni-app 的高仿「ONE·一个」
Vue
117
star
17

H5P.iOS

HTML5 Plus for iOS
Objective-C
114
star
18

native-docs

uni小程序SDK & 5+ SDK 原生开发文档
80
star
19

HBuilderRubyBundle

HBuilder
Ruby
71
star
20

WebFrameworkGrammar

JS Framework Grammar
JavaScript
69
star
21

HBuilderX

59
star
22

quickapp

快应用开发相关
CSS
57
star
23

RichAlert

uni-app原生插件:富文本提示框
Objective-C
56
star
24

HelloH5plus

HTML
50
star
25

plusto

JavaScript
46
star
26

wap2app

将M站快速转换成App的开发框架
JavaScript
43
star
27

BlurEffectDemo

JavaScript
38
star
28

hbuilderx-extension-docs

HBuilderX使用文档、以及插件开发文档
JavaScript
36
star
29

unidocs-zh

uni-app官方文档
30
star
30

NvueCanvasDemo

nvue canvas demo for uni-app.
JavaScript
28
star
31

UniPluginPackage

uni原生插件离线打包示例
JavaScript
23
star
32

HBuilder-opensource

Java
19
star
33

hbuilderx-extension-samples

JavaScript
14
star
34

unidocs-en

A cross-platform framework using Vue.js
12
star
35

dcloudio.github.io

wiki
CSS
9
star
36

UniMPExample

uni小程序示例工程
CSS
6
star
37

ask

DCloud问答社区问题案例
JavaScript
6
star
38

hello-quickapp-native

快应用测试工程
Vue
6
star
39

hello-i18n

演示uni-app的国际化实现
Vue
3
star
40

hbuilderx-for-uniapp-test

HBuilderX uni-app自动化测试插件
JavaScript
2
star
41

hbuilderx-language-packs

JavaScript
1
star
42

uniCloud-function-example

uniCloud云函数代码示例
CSS
1
star