V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
liruifengv
V2EX  ›  分享创造

使用 Vue 模仿 Readhub

  •  1
     
  •   liruifengv ·
    liruifengv · 2017-06-06 17:04:45 +08:00 · 2803 次点击
    这是一个创建于 2601 天前的主题,其中的信息可能已经有所发展或是发生改变。

    项目地址

    GitHub

    项目简介

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

    我作为一个 Vue 的初学者,选择了 Readhub 作为我的第一个 SPA 项目。我用 Vue-cli 脚手架构建了整个项目的结构,在这里我用了 Vue router 做了 tab 导航之间的路由跳转。由于没有 API 接口,我自己创建了一个 jSON 文件,当作一个虚拟的 API,使用 Vue resource 进行数据请求,所以并不会与真实的 Readhub 进行同步更新。

    这是我的第一个 Vue 项目,还有很多的不足需要改进,我也会保持 Vue 的学习热情,同时在前端的路上不断努力。

    技术栈

    • Vue-cli
    • Vue.js
    • Vue router
    • Vue resource

    构建过程

    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

    求 star 欢迎批评指正,欢迎 issue

    3 条回复    2017-06-09 14:54:07 +08:00
    HangMax
        1
    HangMax  
       2017-06-06 17:07:38 +08:00
    Readhub 是一款烟幕弹产品吧。
    metrue
        2
    metrue  
       2017-06-06 17:08:25 +08:00 via iPhone
    readhub 重新定义了极简。
    hrbwaxdoll
        3
    hrbwaxdoll  
       2017-06-09 14:54:07 +08:00
    @HangMax 主要是在测试他们的爬虫吧
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2499 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 13:33 · PVG 21:33 · LAX 06:33 · JFK 09:33
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.