分享一个自己写的vue项目:Sancks-App

snack-app

项目简介

一个可以和大家分享自己喜欢的零食的移动端项目,涉及的技术栈主要有Vue + Vue-Router + Sass + Koa2 + Mongoose。

项目主要功能有:

  • 登录/注册
  • 搜索零食
  • 发布零食
  • 留言/评论
  • 收藏零食/点赞零食
  • 显示热门零食
  • 修改个人信息

如有错误之处,欢迎指正~

效果图

查看效果图请戳此链接

项目地址

https://github.com/6fa/Snack-App

运行

  1. 在终端输入 mongod 启动mongodb(确保已安装了mongodb)
  2. 下载服务端代码:

Snack-server

  1. 在server下新启动终端,输入下面命令链接数据库:

    //安装依赖
    npm install
    
    //链接数据库
    node app.js
  2. 回到snack-app(即本项目),安装依赖

    npm install

使用vue cli的热更新功能开启服务:

npm run serve

如果运行成功,终端可以看到如下信息:

  App running at:
  - Local:   http://localhost:8080/
  - Network: http://xxx:8080/

使用上面的链接即可访问查看效果

你可能感兴趣的:(分享一个自己写的vue项目:Sancks-App)