V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
hellomimi
V2EX  ›  前端开发

[分享]基于 Vue2.X 构建 SPA Vue.js 中文社区

  •  
  •   hellomimi · 2017-05-22 13:59:02 +08:00 · 2152 次点击
    这是一个创建于 2724 天前的主题,其中的信息可能已经有所发展或是发生改变。

    Vue.js 中文社区


    前言

    基于 vue2.0 写的单页面应用 Vue.js 中文社区,感谢 Vue.js 中文社区提供的 API。

    线上预览地址:Vue.js 中文社区 ( PC 端请切换至 Chrome 手机模式预览)

    或扫描二维码预览:

    预览 gif

    项目地址:

    如果对您有帮助,您可以右上角 star 支持一下,谢谢! ^_^

    为自己打个小广告:最近求个web 前端的坑,有意可联系 QQ/微信:1217300470

    技术栈

    • vue2.0
    • vue-cli
    • vue-router
    • axios
    • muse-ui
    • marked

    预览

    预览 gif 预览 gif 预览 gif 预览 gif

    实现功能

    • [x] 首页列表
    • [x] 下拉加载
    • [x] 用户信息(点击头像)
    • [x] 主题内容
    • [x] 登录功能
    • [x] 收藏(取消收藏)主题
    • [x] 评论列表
    • [x] 发表评论
    • [x] 回复评论
    • [x] 点赞(取消点赞)功能
    • [x] 发布主题(支持 markdown 格式)
    • [x] 消息中心(已读、未读)
    • [x] 未读消息全部标为已读
    • [x] 个人中心
    • [x] 主题切换

    执行项目

    安装依赖
    npm install
    启动服务
    npm run dev
    运行
    localhost:8090/vuecommunitytest

    2 条回复    2017-06-25 12:11:56 +08:00
    omygod
        1
    omygod  
       2017-06-25 12:06:04 +08:00
    赞!要是能自适应 pc 端就更好了
    omygod
        2
    omygod  
       2017-06-25 12:11:56 +08:00
    不好意思,细看了一下 pc 端是可以自适应的,貌似这种布局不适合 pc 端浏览
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3171 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 41ms · UTC 12:36 · PVG 20:36 · LAX 04:36 · JFK 07:36
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.