源码描述：

前言

这个项目是利用工作之余写的一个模仿微信app的单页面应用，整个项目包含27个页面，涉及实时群聊，机器人聊天，同学录，朋友圈等等，后续页面还是开发中。写这个项目主要目的是练习和熟悉vue和vuex的配合使用，利用socket.io实现实时聊天。

技术栈

vue2+vue-router+webpack+vuex+sass+svg构图+es6/7  

源码地址

源码地址：https://github.com/bailichen/vue-weixin

项目运行

git clone https://github.com/bailichen/vue-weixin.gitcd vue-weixin

npm install

npm run dev (访问本地，运行后访问 http://localhost:8882) 
 

说明

本项目主要用于熟悉vue2+vuex的用法

如有问题请直接在Issues中提出，或加qq：812571880

如果觉得对您学习vue有点点帮助，请右上角star一下吧 ^_^

目标功能

• [x] 微信

• [x] 通讯录

• [x] 发现

• [x] 我

• [x] 设置

• [x] 新消息提醒

• [x] 勿扰模式

• [x] 聊天

• [x] widows 微信已登录

• [x] 搜索页

• [x] 对话页

• [x] 对话功能

• [x] 单人机器人智能对话页

• [x] 群聊

• [x] 朋友圈

• [x] 朋友圈点赞、评论

• [x] 个人中心

• [x] 详细资料

• [x] 更多

• [x] 个人相册

• [x] 更多

• [x] 收藏

• [x] 我的钱包

• [x] 购物

• [x] 设置

• [x] 登录

页面部分截图

单人聊天

群聊

朋友圈