1. 初始化项目 #

1.1 创建目录 #

$ mkdir zhufengchat && cd zhufengchat

1.2 初始化项目 #

$ npm init -y

1.3 创建git忽略文件 #

$ touch .gitignore

node_modules .idea lib bower_component

1.4 创建.bowerrc #

$ touch .bowerrc

{"directory":"./public/lib"}

1.5 创建README.md #

$ touch README.md

欢迎来到珠峰聊天室

2. 安装组件 #

前端组件

• angular 是一组用来开发Web页面的框架、模板以及数据绑定和丰富UI组件
• angular-route 在angular中实现路由功能
• angular-moment 在angular中格式化时间
• bootstrap 一个用于前端开发的开源工具包

  $ bower install angular angular-route angular-moment bootstrap --save
  

  后端组件
• express 基于Node.js 平台,快速、开放、极简的 web 开发框架
• socket.io 支持WebSocket的协议用于实时通信、跨平台的开源框架
• cookie-parser 解析cookie中间件
• express-session 会话中间件
• mongoose mongodb的ORM工具

  $ npm install express socket.io cookie-parser express-session mongoose --save
  

  gulp组件

  $ npm install gulp gulp-load-plugins del gulp-if gulp-useref gulp-size --save
  

3. 实现登陆功能 #

实现登陆功能

4. 实现房间列表功能 #

实现房间列表功能

5. 实现聊天功能 #

实现聊天功能

6. 使用gulp打包 #

使用gulp打包