这节课我会给大家介绍一下本专栏中所用到的各种技术栈，前端项目主要是 Vue全家桶 技术。这也是课程中前端项目主要使用的技术栈，后端项目主要是 Nodejs 和 Express 技术。好了，话不多说，一起来看一下吧。

1. 前端框架Vue.js和Vue全家桶

说到 Vue.js 相信大家都不会陌生，可以说是当前国内最流行的前端MVVM框架，本次实战专栏的项目也会采用 Vue.js@2.6.10 版本来进行开发，其中包括了 vue-router，vuex。当然为了照顾一些 Vue.js 的初学者，在后面的实战代码编写中，会穿插讲解其相关的知识点。

2. 前端脚手架工具Vue Cli 3

Vue Cli 是基于Vue.js的前端项目脚手架生成工具，现在主要用的有2个版本， Vue Cli 2 和 Vue Cli 3，这两个版本的cli 生成的项目目录和相关配置都不太一样，本次实战将会采用最新的 Vue Cli 3 版本。

3. 前端UI框架WeUI

WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，我们采用 WeUI 主要是为了让我们的页面风格更贴近微信的风格。

4. 前端动画效果库 Animate.css

Animate.css是一个使用 CSS3 的 animation 制作的动画效果的开源 CSS 效果集合，里面预设了很多种常用的动画，且使用非常简单，我们在项目中主要用来实现一些特效动画，以及结合 vue-router 实现各种页面转场效果。

5. 后端框架Node.js和Express

Node.js我就不多说了，它为前端工程师打开了后端的大门。Express 是一个保持最小规模的灵活的 Node.js Web 应用程序开发框架(说白了就是后端的MVC框架，如果大家之前接触过Java的SSH，或者是SSM应该很好理解)，为 Web 和移动应用程序提供一组强大的功能。优点在于灵活，结合Express Generator，可以轻松的实现后端的项目框架，我们在项目中的后台逻辑都是基于Express来编写，包括路由控制，API管理，数据库封装，以及登录校验，状态保存等等。

6. 后端数据库MongoDB

MongoDB 是一个基于分布式文件存储的数据库，是当前 NoSQL 数据库产品中最热门的一种。我们实战项目的数据库建模包括 Post 表、User 表、Chat 表等等，都是借助于mongoose是 MongoDB 的一个对象模型工具，封装了 MongoDB 对文档的一些增删改查等常用方法，让 Node.js 操作 MongoDB 数据库变得更加容易(说白了就是用面向对象的思想去操作数据库，而且还没有关系型数据库的.sql脚本，用起来更加轻便)。
所以我们的后端技术栈可以理解为：Node.js + Express + MongoDB

7.PWA离线应用

PWA( progressing web app )，渐进式网页应用程序，是 Google 在 2016 年 GoogleI/O 大会上提出的下一代 web 应用模型，并在随后的日子里迅速发展。
一个 PWA 应用首先是一个网页, 可以通过 Web 技术编写出一个网页应用。 随后添加上 App Manifest 和 Service Worker 来实现 PWA 的安装和离线等功能。
我们在项目的收尾阶段，会将项目构建成一个 PWA 应用，看起来更像是"APP"。

8.阿里云部署

为了使大家掌握更加完整的项目部署相关知识，我们的实战项目将会真实的部署在阿里云上面，同时会教大家：购买阿里云–>配置 Nginx–>部署 FTP 功能–>配置pm2管理应用–>项目发布的一条龙服务。让大家真实的体会到自己的项目在线上环境中的运行。