{"id":13691869,"url":"https://github.com/dcloudio/hello-uniapp","last_synced_at":"2025-05-13T17:08:24.572Z","repository":{"id":37318612,"uuid":"158060768","full_name":"dcloudio/hello-uniapp","owner":"dcloudio","description":"uni-app框架演示示例","archived":false,"fork":false,"pushed_at":"2025-05-09T06:49:34.000Z","size":13071,"stargazers_count":2868,"open_issues_count":11,"forks_count":1661,"subscribers_count":63,"default_branch":"master","last_synced_at":"2025-05-09T07:42:11.954Z","etag":null,"topics":["hybrid","javascript","miniprogram","uni-app","uniapp","vue"],"latest_commit_sha":null,"homepage":"https://uniapp.dcloud.net.cn","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/dcloudio.png","metadata":{"files":{"readme":"README.md","changelog":"changelog.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2018-11-18T07:40:36.000Z","updated_at":"2025-05-09T05:33:56.000Z","dependencies_parsed_at":"2024-03-25T12:51:24.927Z","dependency_job_id":"6a3eda1a-0b43-434a-a55e-49f5c2d1eacd","html_url":"https://github.com/dcloudio/hello-uniapp","commit_stats":{"total_commits":954,"total_committers":33,"mean_commits":28.90909090909091,"dds":0.8354297693920335,"last_synced_commit":"7c8dc065ffb087a959857a8c760fa0a4613b36d3"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dcloudio%2Fhello-uniapp","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dcloudio%2Fhello-uniapp/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dcloudio%2Fhello-uniapp/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dcloudio%2Fhello-uniapp/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dcloudio","download_url":"https://codeload.github.com/dcloudio/hello-uniapp/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253990467,"owners_count":21995774,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["hybrid","javascript","miniprogram","uni-app","uniapp","vue"],"created_at":"2024-08-02T17:00:51.168Z","updated_at":"2025-05-13T17:08:19.562Z","avatar_url":"https://github.com/dcloudio.png","language":"Vue","readme":"# hello-uniapp\n\n`uni-app`框架示例，一套代码，同时发行到iOS、Android、H5、小程序等多个平台，请使用手机在下方扫码快速体验`uni-app`的强大功能。[官方文档](https://uniapp.dcloud.net.cn/)\n\n## 快速上手\nhello-uniapp 示例工程可以通过两种方式创建， 一种是 HBuilderX, 配套 IDE，集成开发；另一种是 CLI 创建；推荐前者。\n### 通过 HBuilderX 可视化界面创建（推荐）\n\n可视化的方式比较简单，HBuilderX内置相关环境，开箱即用，无需配置nodejs。\n\n开始之前，开发者需先下载安装如下工具：\n\n- HBuilderX：[官方IDE下载地址](https://www.dcloud.io/hbuilderx.html)\n\nHBuilderX是通用的前端开发工具，但为`uni-app`做了特别强化，请下载App开发版。\n\n由于截图在 github 不便浏览，参见官方文档 [HBuilderX 可视化界面创建](https://uniapp.dcloud.net.cn/quickstart?id=_1-%e9%80%9a%e8%bf%87-hbuilderx-%e5%8f%af%e8%a7%86%e5%8c%96%e7%95%8c%e9%9d%a2)\n\n### 通过 vue-cli 创建\n\n```\nnpm install -g @vue/cli\n```\n\n#### 创建uni-app\n\n**使用正式版**（对应HBuilderX最新正式版）\n\n```\nvue create -p dcloudio/uni-preset-vue my-project\n```\n\n**使用alpha版**（对应HBuilderX最新alpha版）\n\n```\nvue create -p dcloudio/uni-preset-vue#alpha my-alpha-project\n```\n\n此时，会提示选择项目模板，选择 `hello uni-app` 项目模板，如下所示：\n\n\u003cdiv\u003e\n\u003cimg src=\"https://img.cdn.aliyun.dcloud.net.cn/guide/uniapp/h5-cli-01.png\" width=\"300\"\u003e\n\u003c/div\u003e\n\n创建好后，进入项目目录\n```\ncd my-project\n```\n\n执行该命令运行到 h5 端\n```\nnpm run dev:h5\n```\n\n欢迎提 issues，推荐到[官方社区](https://ask.dcloud.net.cn/explore/)提问。\n\n## 扫码体验\n\n\u003cdiv class=\"quick\"\u003e\n    \u003cp\u003e一套代码编到10个平台，这不是梦想。眼见为实，扫描10个二维码，亲自体验最全面的跨平台效果！\u003c/p\u003e\n    \u003cdiv style=\"display: flex;\"\u003e\n      \u003ca href=\"//m3w.cn/uniapp\" target=\"_blank\" class=\"clear-style barcode-view\"\u003e\n        \u003cdiv class=\"barcode-img-box\"\u003e\n          \u003cimg src=\"https://web-assets.dcloud.net.cn/unidoc/zh/uni-android.png\" width=\"160\" /\u003e\n        \u003c/div\u003e\n        \u003cb\u003eAndroid版\u003c/b\u003e\n      \u003c/a\u003e\n      \u003ca href=\"https://itunes.apple.com/cn/app/hello-uni-app/id1417078253?mt=8\" target=\"_blank\" class=\"clear-style barcode-view\"\u003e\n        \u003cdiv class=\"barcode-img-box\"\u003e\n          \u003cimg src=\"https://web-assets.dcloud.net.cn/unidoc/zh/uni-h5.png\" width=\"160\" /\u003e\n        \u003c/div\u003e\n        \u003cb\u003eiOS版\u003c/b\u003e\n      \u003c/a\u003e\n      \u003ca href=\"https://hellouniapp.dcloud.net.cn/\" target=\"_blank\" class=\"clear-style barcode-view\"\u003e\n        \u003cdiv class=\"barcode-img-box\"\u003e\n          \u003cimg src=\"https://img.cdn.aliyun.dcloud.net.cn/guide/uniapp/uni-h5-hosting-qr.png\" width=\"160\" /\u003e\n        \u003c/div\u003e\n        \u003cb\u003eH5版\u003c/b\u003e\n      \u003c/a\u003e\n      \u003ca href=\"//m3w.cn/uniapp\" target=\"_blank\" class=\"clear-style barcode-view\"\u003e\n        \u003cdiv class=\"barcode-img-box\"\u003e\u003cimg src=\"//img.cdn.aliyun.dcloud.net.cn/guide/uniapp/gh_33446d7f7a26_430.jpg\" width=\"160\" /\u003e\u003c/div\u003e\n        \u003cb\u003e微信小程序版\u003c/b\u003e\n      \u003c/a\u003e\n      \u003ca href=\"//m3w.cn/uniapp\" target=\"_blank\" class=\"clear-style barcode-view\"\u003e\n        \u003cdiv class=\"barcode-img-box\"\u003e\u003cimg src=\"https://web-assets.dcloud.net.cn/unidoc/zh/alipay1.png\" width=\"160\" /\u003e\u003c/div\u003e\n        \u003cb\u003e支付宝小程序版\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/div\u003e\n    \u003cdiv class=\"flex-img-group-view\" style=\"margin-top: 20px;\"\u003e\n      \u003ca href=\"//m3w.cn/uniapp\" target=\"_blank\" class=\"clear-style barcode-view\"\u003e\n        \u003cdiv class=\"barcode-img-box\"\u003e\u003cimg src=\"https://web-assets.dcloud.net.cn/unidoc/zh/baidu-uniapp.png\" width=\"160\" /\u003e\u003c/div\u003e\n        \u003cb\u003e百度小程序版\u003c/b\u003e\n      \u003c/a\u003e\n      \u003ca href=\"//m3w.cn/uniapp\" target=\"_blank\" class=\"clear-style barcode-view\"\u003e\n        \u003cdiv class=\"barcode-img-box\"\u003e\n          \u003cimg src=\"https://img.cdn.aliyun.dcloud.net.cn/guide/uniapp/mp-toutiao.png\" width=\"160\" /\u003e\n        \u003c/div\u003e\n        \u003cb\u003e字节跳动小程序版\u003c/b\u003e\n      \u003c/a\u003e\n      \u003ca href=\"//m3w.cn/uniapp\" target=\"_blank\" class=\"clear-style barcode-view\"\u003e\n        \u003cdiv class=\"barcode-img-box\"\u003e\n          \u003cimg src=\"https://img.cdn.aliyun.dcloud.net.cn/guide/uniapp/hello-uni-qq.png\" width=\"160\" /\u003e\n        \u003c/div\u003e\n        \u003cb\u003eQQ小程序版\u003c/b\u003e\n      \u003c/a\u003e\n      \u003ca href=\"//m3w.cn/uniapp\" target=\"_blank\" class=\"clear-style barcode-view\"\u003e\n        \u003cdiv class=\"barcode-img-box\"\u003e\n          \u003cimg src=\"https://img.cdn.aliyun.dcloud.net.cn/guide/uniapp/hello-uni-qa-union.png\" width=\"160\" /\u003e\n        \u003c/div\u003e\n        \u003cb\u003e快应用\u003c/b\u003e\n      \u003c/a\u003e\n      \u003ca href=\"https://so.mp.360.cn/mp.html?appid=qh4j181qqtru354st6\" target=\"_blank\" class=\"clear-style barcode-view\"\u003e\n        \u003cdiv class=\"barcode-img-box\"\u003e\n          \u003cimg src=\"https://img.cdn.aliyun.dcloud.net.cn/guide/uniapp/hello-uni-mp-360-qr.png\" width=\"160\" /\u003e\n        \u003c/div\u003e\n        \u003cb\u003e360小程序\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/div\u003e\n    \u003cp\u003e\n        \u003cem\u003e注：某些平台不能提交简单demo，故补充了一些其他功能；hello uni-app示例代码可从[github](https://github.com/dcloudio/hello-uniapp)获取\u003c/em\u003e\u003c/br\u003e\n        \u003cem\u003e快应用仅支持 vivo 、oppo、华为\u003c/em\u003e\u003c/br\u003e\n        \u003cem\u003e360小程序仅 windows平台支持，需要在360浏览器中打开\u003c/em\u003e\u003c/br\u003e\n    \u003c/p\u003e\n\u003c/div\u003e\n\n`uni-app`官网文档详见[https://uniapp.dcloud.io](https://uniapp.dcloud.io)\n\n更多uni-app的模板、示例详见[插件市场](https://ext.dcloud.net.cn/)\n\n","funding_links":[],"categories":["演示","跨平台多端应用前端框架uni-app一站式开发资源汇总 ![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)"],"sub_categories":["uni-app开源项目"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdcloudio%2Fhello-uniapp","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdcloudio%2Fhello-uniapp","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdcloudio%2Fhello-uniapp/lists"}