基于Vue.js 2.0 + Vuex打造的微信项目

 一、项目简介

基于Vue + Vuex + Vue-router + Webpack 2.0打造微信界面，实现了微信聊天、搜索、点赞、通讯录（快速导航）、个人中心、模拟对话、朋友圈、设置等功能。

二、项目预览

[点击预览项目] （请在chrome手机模式下打开）

移动端扫描下方二维码可直接打开

三、技术栈

- MVVM框架：Vue.js 2.0

- 状态管理：Vuex

- 移动端组件库：Mint-ui

- 前端路由：Vue-router

- 数据交互：Vue-resource

- 打包工具：webpack 2.0

- 环境配置：node + npm

- 语言：es6

四、项目运行

```

git clone https://github.com/caochangkui/wechat-by-vue.git

cd wechat-by-vue

npm install

npm run dev //服务端运行，运行后访问 http://localhost:6868)npm run build //项目打包

 ```

五、页面部分截

1. 微信聊天（每个联系人聊天后可自动添加到首页）

 2.朋友圈、点赞

3.个人中心、相册、钱包、卡包、设置