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/

功能列表

• 登录注册

• 首页

  • 频道列表
  • 文章列表
  • 频道编辑

• 搜索

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

• 文章详情

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

• 文章评论

  • 文章评论
  • 评论回复
  • 发布文章评论
  • 发布评论回复
  • 评论点赞

• 我的

  • 我的收藏
  • 我的历史
  • 我的作品

• 个人中心

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

• 用户页面

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

• 用户关注/粉丝

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

• 小智同学

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

• 消息通知

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

一些计划

• 动画交互
• 黑暗模式
• 发布 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