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打包

珠峰培训node培训之MongoDB+Express+Angular+Node+Bootstrap+Linux开发的爬虫

珠峰node培训使用MongoDB+Express+Angular+Node+Bootstrap开发聊天室

珠峰node培训使用MongoDB+Express+Aagular+Node+Bootstrap开发博客