自从前后端分离开始变成主流后，曾经的Jsp、FreeMarker、Velocity、Thymeleaf貌似慢慢被遗忘了，取而代之的是兴起的前端主流语言，比如Vue、React和AngularJS

介绍

• Vue

Vue其实是借鉴了 Angular，目前GitHubstar数最多，建议后端工程师使用这个，最大的原因是Vue上手容易，可以快速学会，对于后端工程师来说，能快速搭建页面解决问题即可。就目前国内前端框架使用情况来说，Vue 算是使用最多的。而且目前来说，有大量 Vue 相关的周边产品，各种 UI 框架，开源项目，学习资料非常多。

• React

Facebook 的产品。是一个用于构建用户界面的 js 库，React 性能较好，代码逻辑简单。

• Angular

AngularJS 是一款由 Google 维护的开源 JavaScript 库，用来协助单一页面应用程序运行。它的目标是透过 MVC 模式(MVC)功能增强基于浏览器的应用，使开发和测试变得更加容易。

重点Vue.js

Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。

基本环境搭建

首先需要安装两个东西：

1. NodeJS
2. npm

验证是否安装成功：

1. node -v
2. npm -v

npm install # 下载依赖,类似mavennpm run build # 编译项目，编译完成后就是压缩的html和js文件，可以直接运行npm run dev # 启动项目

启动成功后，浏览器输入 http://localhost:8080 就能看到如下页面

对于后端程序员其实理解也比较简单，下面差不多就是他们的比较关系，可以参考着理解dk=nodemaven=npmspringboot=vue

温馨建议：Vue.js建议大家使用WebStorm开发，类似IntelliJ IDEA