实战项目名称：仿知识星球App
技术栈：前端 => uni-app （ 后端：Node.js + Mysql + Apollo + Graphql ）
已实现功能：微信登录，创建星球，内容管理，星球管理
项目git地址：请点击访问

项目最终效果图：@点击访问效果图，欢迎关注收藏订阅专栏！！！

• 文章会先按照 ① uni-app端 、 ② Node.js后端 、③ 微信小程序、④ 利用宝塔面板部署项目；先后顺序更新文章。

---

提示：该项目只用于个人实战，不应用于任何商业用途。

一、今日实战目标

• 拷贝项目源代码
• 将项目安装到自己手机上

---

二、实战步骤

1. 访问git项目地址

• 电脑终端命令行拷贝项目的前提是你的电脑得安装了git,没有安装的话可以直接下载压缩包

// 使用电脑命令行拷贝项目
git clone https://github.com/pgz285/uniapp.git
1
2

2.用HBuilderX打开文件

• 打开后，你就可以看到以下文件
  

• 下一步，编译项目到手机上

• 选中App.vue或者page文件夹任一.vue文件

• 点击红框内的按钮，选择你想要编译在手机上还是电脑浏览器上
  

• 编译的时候如果有报错提示需要安装插件，你按软件提示的内容去安装就可以了

• 安装完，你就可以在手机上预览该app，暂时是接的我个人测试环境api，大家随便用

---

总结

由于项目目前在对接后台api中，项目git地址：请点击访问，大家可以去clone下来借鉴下；

• 温馨提示：

1. 项目仅用于个人实战，设计图和架构是自己基于知识星球APP进行设计的，算得上是入门级的uni-app，后期会更新一个企业级uniapp项目。
2. 我是在空闲中写写博客，并没有很规范，欢迎在评论区留下你的建议与意见。
3. git项目拷贝下来的代码有不懂的，可以截图私信给我，看到会回复你，希望可以帮助到你了解和开发uniapp。