从零学 spring cloud第10-1课：前端框架基础

目前市面上前端框架比较多，但目前看来比较好的，是VUE的，对针VUE，有两个比较成名的框架，那就是蚂蚁金服的Ant-desin与饿了么的ElementUI。
网址分别如下
ant design: http://vue.ant-design.cn/docs/vue/introduce-cn/
ElementUI: https://element.eleme.cn/#/zh-CN
具体控件的用法我就不说了，我只关心成的现成框架。关于这两个UI能做什么，我也不介绍了。可以到他们的官网中看就可以了。我们关心的是，如何让它们能成为springcloud后台系统的前端系统。完成我们前后端开发的真正分离。
有些爱好者，就把这两者搭建成了现成的整体系统框架，你只要下载下来，你就会使用，前提是你会VUE。

Ant Design Vue 的中后台管理控制台的脚手架

网址：https://pro.loacg.com/docs/getting-started
先看它提供的框架长什么样

用户名和密码：admin/ant.design

我们先从github上把这个项目扒下来，我们的前提是，你的nodejs是安装好了的，你的npm了也是安装好了的，建议使用这两个的最新版本。

• 安装

 git clone --depth=1 https://github.com/sendya/ant-design-pro-vue.git my-project

进入到这个文件夹，使用JetBrains WebStorm打开这个项目
项目如下

接下来安装依赖

npm install

安装依赖好之后，就可以运行项目了

npm run serve

编译成功结果如下

浏览器输入http://localhost:8000/即可到达登录界面了。项目至此告一段落了。

vue-element-admin 后台前端解决方案

网址：https://panjiachen.github.io/vue-element-admin-site/zh/guide/

• 克隆项目

git clone https://github.com/PanJiaChen/vue-element-admin.git

如果这个办法很慢，那你也可以直接到https://github.com/PanJiaChen/vue-element-admin下载下来
和前面一样，进入文件夹vue-element-admin，使用JetBrains WebStorm打开

• 接下来安装依赖
  如果是国内网络

npm install --registry=https://registry.npm.taobao.org

非国内网络

npm install

• 运行项目

npm run dev

至于，项目运行成功了。
其实不管是antdesign还是elm ，这两者基本一样，有的只是一点写法的差别而已了。