Vue.js 移动端项目——黑马头条

扫码体验

相关资源

• GitHub 仓库：https://github.com/lipengzhou/topline-m
• 学习笔记：https://www.yuque.com/lipengzhou/toutiao-mobile-vue/
• 接口文档：http://toutiao.m.lipengzhou.com/api.html
• 在线预览：http://toutiao.m.lipengzhou.com/

功能列表

• [x] 登录注册

• [x] 首页

  • [x] 频道列表
  • [x] 文章列表
  • [x] 频道编辑

• [x] 搜索

  • [x] 联想建议
  • [x] 搜索历史记录
  • [x] 搜索结果

• [x] 文章详情

  • [x] 关注用户
  • [x] 文章收藏
  • [x] 文章点赞
  • [x] 文章分享

• [x] 文章评论

  • [x] 文章评论
  • [x] 评论回复
  • [x] 发布文章评论
  • [x] 发布评论回复
  • [x] 评论点赞

• [x] 我的

  • [x] 我的收藏
  • [x] 我的历史
  • [x] 我的作品

• [x] 个人中心

  • [x] 展示当前登录用户信息
  • [x] 退出登录

• [x] 用户页面

  • [x] 展示用户信息
  • [x] 关注用户
  • [x] 用户文章列表

• [ ] 用户关注/粉丝

  • [ ] 用户关注列表
  • [ ] 用户粉丝列表
  • [ ] 关注/取消关注用户/粉丝

• [x] 小智同学

  • [x] 展示聊天消息列表
  • [x] 发送/接收消息

• [ ] 消息通知

  • [ ] 点赞通知
  • [ ] 评论通知
  • [ ] 关注通知

一些计划

• [ ] 动画交互
• [ ] 黑暗模式
• [ ] 发布 Android App
• [ ] 发布 iOS App
• [ ] 小程序 App
• [ ] Flutter App
• [ ] 重写后端接口

本地开发

# 下载源码
git clone https://github.com/lipengzhou/topline-m.git

# 安装依赖
# 或者 npm install
yarn install

# 启动开发服务
# 或者 npm run serve
yarn serve

# 打包构建
# 或者 npm run build
yarn build

# 代码格式校验
# 或者 npm run lint
yarn lint