前后端分离开发之前端开发环境MEMO

一、前端架构选型：Vue+iView

1.基于Vue-Cli

2.主要main组件框架基于iView-admin

3.其他

Vue、Vue Router、Vuex、vue-i18n：国际化、iview-area：城市级联组件、wangeditor：轻量富文本编辑器、vue-stomp、vue-json-pretty：Json美化、Print.js：打印、ES6、webpack、axios、echarts等

二、搭建memo

1.安装node.js

2.安装cnpm

3.安装vue-cli

4.开发工具VSCode

网址：https://code.visualstudio.com/

三、前端框架构造

1.项目总体：

2.webpack配置：

3.vue配置：

4.系统主入口：

5.主组件文件：

四、结论：

1.前后端分离开发的必要性

A.便于大团队、分工细化、高效率、测试方便地协同开发

B.便于开发生态形成和发展

C.便于开发复杂业务

D.便于部署和维护

2.对前端开发者的要求越来越高

A.前端技术发展越来越快，学习成本高

B.前端开发越发细微，开发交流成本高

C.前端开发模块化、模板化、便于设计和开发，降低修改成本

D.便于分解复杂业务

五、几点启示

1.前端样式时尚而简洁

2.用户体验清爽而悦目

3.前端感受易变而富有追求

4.前端变化节奏快而富有时代感的魅力