Cooperation Backend 2.0 前端相关技术介绍

合作站后台 的 纯前端项目, 基于 Vue + ElementUI 搭建

1. 框架

1.1. Vue

Vue 是一套用于构建用户界面的渐进式框架。

需要熟悉以下 vue 插件

• Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。
• Vue Router 是 Vue.js 官方的路由管理器。
• Vue Loader 是一个 webpack 的 loader，它允许你以一种名为单文件组件 (SFCs)的格式撰写 Vue 组件
• Vue Dev-Tools Vue 在浏览器下的调试工具。

1.2. ElementUI

官网 https://element.eleme.cn/#/zh-CN

Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库

1.3. vue-element-admin

项目文档
https://panjiachen.gitee.io/vue-element-admin-site/zh/

一个挺全面的后台项目模板

1.4. vue-element-template

https://github.com/PanJiaChen/vue-admin-template

本项目以此构建，修改了部分逻辑以适应具体情况，然后参考了 admin 部分页面

建议先在本地运行并完全了解 vue-element-template 项目，然后再看 vue-element-admin 中感兴趣的页面或逻辑。至此，算是入门了。

2. 前端技术栈

务必了解或熟悉以下技术

2.1. ES5、ES6

• 《ECMAScript 6 入门》 http://es6.ruanyifeng.com/

2.2 Vue

2.3 webpack

webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)

• 中文 https://www.webpackjs.com/concepts/
• 英文 https://webpack.js.org/concepts/

2.4. NPM

2.5. Node.js

2.6. ESLint

ESLint 是一个开源的 JavaScript 代码检查工具

eslint --ext .js,.vue src   //语法检查
eslint --ext .js,.vue src --fix  //语法修复

2.7. Others

• Axios、Promise
• Babel
• SCSS

3. 其它应了解的前端技术栈

3.1. Iconfont

https://www.iconfont.cn/

阿里妈妈MUX倾力打造的矢量图标管理、交流平台。

3.2. browserslist

https://browsersl.ist/

A page to display compatible browsers from a browserslist string.

Cooperation Backend 2.0 后端相关技术介绍

1. 框架

1.1 Laravel 5.8

主要负责提供接口、运行定时脚本

Last modified by soldoros on 2019-07