|
|
5 달 전 | |
|---|---|---|
| .. | ||
| api | 6 달 전 | |
| common | 6 달 전 | |
| components | 5 달 전 | |
| config | 5 달 전 | |
| pages | 5 달 전 | |
| scripts | 5 달 전 | |
| static | 6 달 전 | |
| store | 6 달 전 | |
| stores | 6 달 전 | |
| styles | 6 달 전 | |
| uni_modules | 6 달 전 | |
| utils | 5 달 전 | |
| wxcomponents | 6 달 전 | |
| .env.example | 6 달 전 | |
| App.vue | 6 달 전 | |
| LICENSE | 6 달 전 | |
| README.md | 5 달 전 | |
| changelog.md | 6 달 전 | |
| index.html | 6 달 전 | |
| jest.config.js | 6 달 전 | |
| main.js | 6 달 전 | |
| manifest.json | 6 달 전 | |
| package-lock.json | 6 달 전 | |
| package.json | 5 달 전 | |
| pages.json | 6 달 전 | |
| template.h5.html | 6 달 전 | |
| uni.scss | 6 달 전 | |
uni-app框架示例,一套代码,同时发行到iOS、Android、H5、小程序等多个平台,请使用手机在下方扫码快速体验uni-app的强大功能。官方文档
hello-uniapp 示例工程可以通过两种方式创建, 一种是 HBuilderX, 配套 IDE,集成开发;另一种是 CLI 创建;推荐前者。
可视化的方式比较简单,HBuilderX内置相关环境,开箱即用,无需配置nodejs。
开始之前,开发者需先下载安装如下工具:
HBuilderX是通用的前端开发工具,但为uni-app做了特别强化,请下载App开发版。
由于截图在 github 不便浏览,参见官方文档 HBuilderX 可视化界面创建
npm install -g @vue/cli
使用正式版(对应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,推荐到官方社区提问。
部署到生产环境前,必须修改 config/api.js 中的接口根地址,至少包含以下两处(与文件内注释的「生产环境配置」一致即可):
DEV_BASE_URL:默认分支下的基础地址常量。devBaseUrl:#ifdef MP-WEIXIN 条件编译块内为微信小程序真机/发行包单独赋值的地址(真机上 localhost / 127.0.0.1 指向手机自身,生产包必须改为生产域名)。若仍指向本机或测试机,线上小程序将无法访问后端。
编译 / 发版流程中的提醒
npm run sync-static-public-urls(同步静态资源公网地址)时,会先自动执行一次 API 基址发版提醒。npm run release:remind-api(仅提醒);若在 CI 中希望在仍为本机地址时失败退出,使用:npm run release:check-api(--strict 校验)。使用 HBuilderX「发行」编译时,npm 钩子不会自动运行;请在发版前手动执行上述命令之一,或在本流水线中加入
npm run release:check-api。
uni-app官网文档详见https://uniapp.dcloud.io
更多uni-app的模板、示例详见插件市场