# Web IM 介绍 WebIM 是指运行在浏览器中的即时通讯。 ## 系统功能 登录、退出登录 联系人管理 企业通讯录 群组管理 收到个人群组消息 ## 目录结构 static:静态目录 ,可以配置IM服务器地址等信息 src/assets:资源文件,包括图片,样式 src/components:Demo页面 src/sdk:即时通讯SDK类库 ## 技术栈 vue2 + vuex + vue-router + webpack + ES6/7 ## 项目运行 注意:由于涉及大量的 ES6/7 等新属性,node 需要 6.0 以上版本 npm install 或 yarn(推荐) npm run dev 另外 此项目有配套的后台系统,如果想体验前后台同时开发,可以下载对应的后台系统:后台项目传送地址。 此时启动项目使用:npm run local 而不是 npm run dev。 如果只做前端开发,请忽略这句话。 ## 说明 开发环境 Chrome 56 nodejs 6.10.0 ## 部分截图 ![](https://box.kancloud.cn/ea034594d6ec9dbc21da3e17f8bcb199_932x606.png) ![](https://box.kancloud.cn/0957769571083f2d3d4e3a43f6f0af91_932x606.png) ![](https://box.kancloud.cn/622c6d2ba134b65d851760cfc8f3d612_932x606.png) ## 效果演示 [http://webim.qidainfo.com](http://webim.qidainfo.com)