Vue+ElementUI零基础搭建管理平台(1)——技术介绍

Vue.js

Vue+ElementUI零基础搭建管理平台(1)——技术介绍

Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。
Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件 。
Vue.js 自身不是一个全能框架——它只聚焦于视图层。因此它非常容易学习,非常容易与其它库或已有项目整合。另一方面,在与相关工具和支持库一起使用时,Vue.js 也能完美地驱动复杂的单页应用。

官网:https://cn.vuejs.org/

文档:https://cn.vuejs.org/v2/guide/

 


Node.js

Vue+ElementUI零基础搭建管理平台(1)——技术介绍

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型。
Node 是一个让 JavaScript 运行在服务端的开发平台,它让 JavaScript 成为与PHP、Python、Perl、Ruby 等服务端语言平起平坐的脚本语言。 发布于2009年5月,由Ryan Dahl开发,实质是对Chrome V8引擎进行了封装。
Node对一些特殊用例进行优化,提供替代的API,使得V8在非浏览器环境下运行得更好。V8引擎执行Javascript的速度非常快,性能非常好。Node是一个基于Chrome JavaScript运行时建立的平台, 用于方便地搭建响应速度快、易于扩展的网络应用。Node 使用事件驱动, 非阻塞I/O 模型而得以轻量和高效,非常适合在分布式设备上运行数据密集型的实时应用。

官网:http://nodejs.cn/

文档:http://nodejs.cn/api/

 


webpack

Vue+ElementUI零基础搭建管理平台(1)——技术介绍

Webpack是前端一个工具,可以让各个模块进行加载,预处理,再进行打包。现代的前端开发很多环境都依赖webpack构建,比如vue官方就推荐使用webpack。

官网:https://www.webpackjs.com/

文档:https://www.webpackjs.com/concepts/

 


ElementUI

Vue+ElementUI零基础搭建管理平台(1)——技术介绍

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

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

文档:https://element.eleme.cn/#/zh-CN/component/installation

 


Echarts

Vue+ElementUI零基础搭建管理平台(1)——技术介绍

ECharts,缩写来自 Enterprise Charts,商业级数据图表,是百度的一个开源的数据可视化工具,一个纯 Javascript 的图表库,能够在 PC 端和移动设备上流畅运行,兼容当前绝大部分浏览器(IE6/7/8/9/10/11,chrome,firefox,Safari等),底层依赖轻量级的 Canvas 库 ZRender,ECharts 提供直观,生动,可交互,可高度个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验,赋予了用户对数据进行挖掘、整合的能力。

官网:https://www.echartsjs.com/zh/index.html

文档:https://www.echartsjs.com/zh/tutorial.html#5%20%E5%88%86%E9%92%9F%E4%B8%8A%E6%89%8B%20ECharts

 


npm

Vue+ElementUI零基础搭建管理平台(1)——技术介绍

npm 是 JavaScript 世界的包管理工具,并且是 Node.js 平台的默认包管理工具。通过 npm 可以安装、共享、分发代码,管理项目依赖关系。

官网:https://www.npmjs.com/

文档:https://www.npmjs.cn/

 


开发所用的IDE:vscode

Vue+ElementUI零基础搭建管理平台(1)——技术介绍

官网:https://code.visualstudio.com/

文档:https://code.visualstudio.com/api