本来不想推的,看到github上有个项目很简单,都有300 star,推推看咯。
虽然这个项目很简单,但是还蛮有趣,用来入门vue2和nodejs以及mongodb再好不过了。
等这几天把公司手头的事情忙完,再把vuex的部分强化下。
基于vue2/vuex/vue-router/koa2/mongodb搭建的简易伪全栈博客(依赖vue-cli脚手架)
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/sfs-blog
期待和大家交流,共同进步,欢迎大家加入我创建的与前端开发密切相关的技术讨论小组:
- SegmentFault技术圈:ES新规范语法糖
- SegmentFault专栏:趁你还年轻,做个优秀的前端工程师
- 知乎专栏:趁你还年轻,做个优秀的前端工程师
- Github博客: 趁你还年轻233的个人博客
- 前端开发QQ群:660634678
微信公众号: 人兽鬼 / excellent_developers
努力成为优秀前端工程师!