Readhub-vue

使用 vue 模仿  Readhub

项目简介

Readhub 是 小道消息的 作者 Fenng（冯大辉) 老师创业公司 无码科技 的第一款产品。这是一款极简的资讯类工具，旨在每天花几分钟了解互联网行业里发生的事情。目前主要分为热门话题 ，科技动态，开发者资讯三个部分。

这是一个 Vue 的单页面应用，使用 vue-cli 构建基本架构，使用 vue-router 做前端路由跳转，使用 Axios 发送 Http 请求获取数据

TODO

• [x] 基础 UI
• [x] 使用真实API
• [x] 热门话题展开
• [x] 无限滚动加载下一页
• [x] 回到顶部
• [ ] 热门话题详情页
• [x] 区块链快讯
• [ ] 招聘行情

技术栈

• Vue-cli
• Vue.js
• Vue router
• Axios
• timeago.js

构建过程

提示：

• 如遇不可抗因素，请使用淘宝镜像源 cnpm 运行此项目
• 请在console控制台使用手机调试模式查看

# clone the repo
git clone https://github.com/liruifengv/Readhub-vue.git

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

# run unit tests
npm run unit

# run e2e tests
npm run e2e

# run all tests
npm test

For detailed explanation on how things work, checkout the guide and docs for vue-loader.