vue2全家桶+koa2+mongodb搭建一个简单伪全栈博客

本来不想推的,看到github上有个项目很简单,都有300 star,推推看咯。
虽然这个项目很简单,但是还蛮有趣,用来入门vue2和nodejs以及mongodb再好不过了。

等这几天把公司手头的事情忙完,再把vuex的部分强化下。

基于vue2/vuex/vue-router/koa2/mongodb搭建的简易伪全栈博客(依赖vue-cli脚手架)
首页.png
博客.png

目录.png

归档.png

标签.png

文章详情.png

A simple fullstack blog

FrontEnd Build Setup

# install dependencies
npm install

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

BackEnd Build Setup

# open mongodb port 27017
mongod

# build data model in mongodb
node ./server/db-data.js

# get and splice complete data to frontend
node ./server/koa-midware.js

博客技术栈

  • 前端

    • element-ui
    • vuex
    • vue-router
    • axios
  • 中间件

    • koa
  • 后端

    • mongodb

已完成列表

  • 粒子动画
  • 目录下钻
  • 文章归档
  • 标签统计
  • markdown解析

未完成列表

  • UI界面优化
  • 路由过渡功能
  • vuex管理优化
  • md信息动态存储
  • 文章详情支持图片
  • 评论功能
  • 评论管理
  • 分享功能
  • 浏览统计

项目地址:https://github.com/FrankKai/s...
欢迎大家加入我创建的SegmentFault技术圈:ES新规范语法糖
大前端学习交流群:660634678

期待和大家交流,共同进步!
努力成为优秀的大前端!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值