https://github.com/liruifengv/readhub-vue

使用 vue 模仿 Readhub
https://github.com/liruifengv/readhub-vue

vue

Last synced: 26 days ago
JSON representation

使用 vue 模仿 Readhub

• Host: GitHub
• URL: https://github.com/liruifengv/readhub-vue
• Owner: liruifengv
• Created: 2017-05-25T08:32:36.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2018-08-29T11:18:39.000Z (about 6 years ago)
• Last Synced: 2024-10-10T12:18:05.661Z (about 1 month ago)
• Topics: vue
• Language: JavaScript
• Homepage:
• Size: 1.48 MB
• Stars: 54
• Watchers: 8
• Forks: 15
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# [Readhub-vue](https://liruifengv.github.io/Readhub-vue/dist/index.html)

## 使用 vue 模仿  Readhub

### 项目简介

> **[Readhub](https://readhub.me/)** 是 **小道消息**的 作者 **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控制台使用手机调试模式查看

``` bash

# 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](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).