[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-8734":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":17,"stars30d":18,"stars90d":16,"forks30d":16,"starsTrendScore":16,"compositeScore":19,"rankGlobal":10,"rankLanguage":10,"license":20,"archived":21,"fork":21,"defaultBranch":22,"hasWiki":23,"hasPages":21,"topics":24,"createdAt":10,"pushedAt":10,"updatedAt":31,"readmeContent":32,"aiSummary":33,"trendingCount":16,"starSnapshotCount":16,"syncStatus":34,"lastSyncTime":35,"discoverSource":36},8734,"hello-uniapp","dcloudio\u002Fhello-uniapp","dcloudio","uni-app框架演示示例","https:\u002F\u002Funiapp.dcloud.net.cn",null,"Vue",3039,1680,63,6,0,1,11,31.68,"MIT License",false,"master",true,[25,26,27,28,29,30],"hybrid","javascript","miniprogram","uni-app","uniapp","vue","2026-06-12 02:01:57","# hello-uniapp\n\n`uni-app`框架示例，一套代码，同时发行到iOS、Android、H5、小程序等多个平台，请使用手机在下方扫码快速体验`uni-app`的强大功能。[官方文档](https:\u002F\u002Funiapp.dcloud.net.cn\u002F)\n\n## 快速上手\nhello-uniapp 示例工程可以通过两种方式创建， 一种是 HBuilderX, 配套 IDE，集成开发；另一种是 CLI 创建；推荐前者。\n### 通过 HBuilderX 可视化界面创建（推荐）\n\n可视化的方式比较简单，HBuilderX内置相关环境，开箱即用，无需配置nodejs。\n\n开始之前，开发者需先下载安装如下工具：\n\n- HBuilderX：[官方IDE下载地址](https:\u002F\u002Fwww.dcloud.io\u002Fhbuilderx.html)\n\nHBuilderX是通用的前端开发工具，但为`uni-app`做了特别强化，请下载App开发版。\n\n由于截图在 github 不便浏览，参见官方文档 [HBuilderX 可视化界面创建](https:\u002F\u002Funiapp.dcloud.net.cn\u002Fquickstart?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\u002Fcli\n```\n\n#### 创建uni-app\n\n**使用正式版**（对应HBuilderX最新正式版）\n\n```\nvue create -p dcloudio\u002Funi-preset-vue my-project\n```\n\n**使用alpha版**（对应HBuilderX最新alpha版）\n\n```\nvue create -p dcloudio\u002Funi-preset-vue#alpha my-alpha-project\n```\n\n此时，会提示选择项目模板，选择 `hello uni-app` 项目模板，如下所示：\n\n\u003Cdiv>\n\u003Cimg src=\"https:\u002F\u002Fimg.cdn.aliyun.dcloud.net.cn\u002Fguide\u002Funiapp\u002Fh5-cli-01.png\" width=\"300\">\n\u003C\u002Fdiv>\n\n创建好后，进入项目目录\n```\ncd my-project\n```\n\n执行该命令运行到 h5 端\n```\nnpm run dev:h5\n```\n\n欢迎提 issues，推荐到[官方社区](https:\u002F\u002Fask.dcloud.net.cn\u002Fexplore\u002F)提问。\n\n## 扫码体验\n\n\u003Cdiv class=\"quick\">\n    \u003Cp>一套代码编到10个平台，这不是梦想。眼见为实，扫描10个二维码，亲自体验最全面的跨平台效果！\u003C\u002Fp>\n    \u003Cdiv style=\"display: flex;\">\n      \u003Ca href=\"\u002F\u002Fm3w.cn\u002Funiapp\" target=\"_blank\" class=\"clear-style barcode-view\">\n        \u003Cdiv class=\"barcode-img-box\">\n          \u003Cimg src=\"https:\u002F\u002Fweb-assets.dcloud.net.cn\u002Funidoc\u002Fzh\u002Funi-android.png\" width=\"160\" \u002F>\n        \u003C\u002Fdiv>\n        \u003Cb>Android版\u003C\u002Fb>\n      \u003C\u002Fa>\n      \u003Ca href=\"https:\u002F\u002Fitunes.apple.com\u002Fcn\u002Fapp\u002Fhello-uni-app\u002Fid1417078253?mt=8\" target=\"_blank\" class=\"clear-style barcode-view\">\n        \u003Cdiv class=\"barcode-img-box\">\n          \u003Cimg src=\"https:\u002F\u002Fweb-assets.dcloud.net.cn\u002Funidoc\u002Fzh\u002Funi-h5.png\" width=\"160\" \u002F>\n        \u003C\u002Fdiv>\n        \u003Cb>iOS版\u003C\u002Fb>\n      \u003C\u002Fa>\n      \u003Ca href=\"https:\u002F\u002Fhellouniapp.dcloud.net.cn\u002F\" target=\"_blank\" class=\"clear-style barcode-view\">\n        \u003Cdiv class=\"barcode-img-box\">\n          \u003Cimg src=\"https:\u002F\u002Fimg.cdn.aliyun.dcloud.net.cn\u002Fguide\u002Funiapp\u002Funi-h5-hosting-qr.png\" width=\"160\" \u002F>\n        \u003C\u002Fdiv>\n        \u003Cb>H5版\u003C\u002Fb>\n      \u003C\u002Fa>\n      \u003Ca href=\"\u002F\u002Fm3w.cn\u002Funiapp\" target=\"_blank\" class=\"clear-style barcode-view\">\n        \u003Cdiv class=\"barcode-img-box\">\u003Cimg src=\"\u002F\u002Fimg.cdn.aliyun.dcloud.net.cn\u002Fguide\u002Funiapp\u002Fgh_33446d7f7a26_430.jpg\" width=\"160\" \u002F>\u003C\u002Fdiv>\n        \u003Cb>微信小程序版\u003C\u002Fb>\n      \u003C\u002Fa>\n      \u003Ca href=\"\u002F\u002Fm3w.cn\u002Funiapp\" target=\"_blank\" class=\"clear-style barcode-view\">\n        \u003Cdiv class=\"barcode-img-box\">\u003Cimg src=\"https:\u002F\u002Fweb-assets.dcloud.net.cn\u002Funidoc\u002Fzh\u002Falipay1.png\" width=\"160\" \u002F>\u003C\u002Fdiv>\n        \u003Cb>支付宝小程序版\u003C\u002Fb>\n      \u003C\u002Fa>\n    \u003C\u002Fdiv>\n    \u003Cdiv class=\"flex-img-group-view\" style=\"margin-top: 20px;\">\n      \u003Ca href=\"\u002F\u002Fm3w.cn\u002Funiapp\" target=\"_blank\" class=\"clear-style barcode-view\">\n        \u003Cdiv class=\"barcode-img-box\">\u003Cimg src=\"https:\u002F\u002Fweb-assets.dcloud.net.cn\u002Funidoc\u002Fzh\u002Fbaidu-uniapp.png\" width=\"160\" \u002F>\u003C\u002Fdiv>\n        \u003Cb>百度小程序版\u003C\u002Fb>\n      \u003C\u002Fa>\n      \u003Ca href=\"\u002F\u002Fm3w.cn\u002Funiapp\" target=\"_blank\" class=\"clear-style barcode-view\">\n        \u003Cdiv class=\"barcode-img-box\">\n          \u003Cimg src=\"https:\u002F\u002Fimg.cdn.aliyun.dcloud.net.cn\u002Fguide\u002Funiapp\u002Fmp-toutiao.png\" width=\"160\" \u002F>\n        \u003C\u002Fdiv>\n        \u003Cb>字节跳动小程序版\u003C\u002Fb>\n      \u003C\u002Fa>\n      \u003Ca href=\"\u002F\u002Fm3w.cn\u002Funiapp\" target=\"_blank\" class=\"clear-style barcode-view\">\n        \u003Cdiv class=\"barcode-img-box\">\n          \u003Cimg src=\"https:\u002F\u002Fimg.cdn.aliyun.dcloud.net.cn\u002Fguide\u002Funiapp\u002Fhello-uni-qq.png\" width=\"160\" \u002F>\n        \u003C\u002Fdiv>\n        \u003Cb>QQ小程序版\u003C\u002Fb>\n      \u003C\u002Fa>\n      \u003Ca href=\"\u002F\u002Fm3w.cn\u002Funiapp\" target=\"_blank\" class=\"clear-style barcode-view\">\n        \u003Cdiv class=\"barcode-img-box\">\n          \u003Cimg src=\"https:\u002F\u002Fimg.cdn.aliyun.dcloud.net.cn\u002Fguide\u002Funiapp\u002Fhello-uni-qa-union.png\" width=\"160\" \u002F>\n        \u003C\u002Fdiv>\n        \u003Cb>快应用\u003C\u002Fb>\n      \u003C\u002Fa>\n      \u003Ca href=\"https:\u002F\u002Fso.mp.360.cn\u002Fmp.html?appid=qh4j181qqtru354st6\" target=\"_blank\" class=\"clear-style barcode-view\">\n        \u003Cdiv class=\"barcode-img-box\">\n          \u003Cimg src=\"https:\u002F\u002Fimg.cdn.aliyun.dcloud.net.cn\u002Fguide\u002Funiapp\u002Fhello-uni-mp-360-qr.png\" width=\"160\" \u002F>\n        \u003C\u002Fdiv>\n        \u003Cb>360小程序\u003C\u002Fb>\n      \u003C\u002Fa>\n    \u003C\u002Fdiv>\n    \u003Cp>\n        \u003Cem>注：某些平台不能提交简单demo，故补充了一些其他功能；hello uni-app示例代码可从[github](https:\u002F\u002Fgithub.com\u002Fdcloudio\u002Fhello-uniapp)获取\u003C\u002Fem>\u003C\u002Fbr>\n        \u003Cem>快应用仅支持 vivo 、oppo、华为\u003C\u002Fem>\u003C\u002Fbr>\n        \u003Cem>360小程序仅 windows平台支持，需要在360浏览器中打开\u003C\u002Fem>\u003C\u002Fbr>\n    \u003C\u002Fp>\n\u003C\u002Fdiv>\n\n`uni-app`官网文档详见[https:\u002F\u002Funiapp.dcloud.io](https:\u002F\u002Funiapp.dcloud.io)\n\n更多uni-app的模板、示例详见[插件市场](https:\u002F\u002Fext.dcloud.net.cn\u002F)\n\n","hello-uniapp 是一个基于 uni-app 框架的演示示例项目，使用 Vue 语言编写，能够实现一套代码同时发布到 iOS、Android、H5 和各种小程序等多个平台。该项目的核心功能在于其跨平台开发能力，极大提高了开发效率和代码复用率。它支持通过 HBuilderX 或 vue-cli 创建工程，其中 HBuilderX 提供了更友好的可视化界面，无需额外配置 Node.js 环境即可快速启动开发。hello-uniapp 特别适合需要进行多端同步开发的应用场景，如企业级应用、电商网站等，能够显著降低维护成本并加快产品迭代速度。",2,"2026-06-11 03:19:30","top_language"]