实战项目名称:仿知识星球App
技术栈:前端 =>uni-app
( 后端:Node.js + Mysql + Apollo + Graphql )
已实现功能:微信登录,创建星球,内容管理,星球管理
项目git地址:请点击访问
项目最终效果图:@点击访问效果图,欢迎关注收藏订阅专栏!!!
提示:该项目只用于个人实战,不应用于任何商业用途。
一、今日实战目标
- 拷贝项目源代码
- 将项目安装到自己手机上
二、实战步骤
1. 访问git项目地址
- 电脑终端命令行拷贝项目的
前提是你的电脑得安装了git
,没有安装的话可以直接下载压缩包
// 使用电脑命令行拷贝项目
git clone https://github.com/pgz285/uniapp.git
2.用HBuilderX打开文件
-
打开后,你就可以看到以下文件
-
下一步,编译项目到手机上
-
选中
App.vue
或者page文件夹任一.vue
文件 -
点击红框内的按钮,选择你想要编译在手机上还是电脑浏览器上
-
编译的时候如果有报错提示需要安装插件,你按软件提示的内容去安装就可以了
-
安装完,你就可以在手机上预览该app,
暂时是接的我个人测试环境api
,大家随便用
总结
由于项目目前在对接后台api中,项目git地址:请点击访问,大家可以去clone下来借鉴下;
- 温馨提示:
- 项目仅用于个人实战,设计图和架构是自己基于
知识星球APP
进行设计的,算得上是入门级的uni-app,后期会更新一个企业级uniapp项目
。 - 我是在空闲中写写博客,并没有很规范,欢迎在评论区留下你的建议与意见。
git
项目拷贝下来的代码有不懂的,可以截图私信给我,看到会回复你,希望可以帮助到你了解和开发uniapp。