Element-ui框架搭建流程

612 阅读1分钟

1. 概述

1.1. 文档功能说明

本文档目地是指导刚接触这套开发框架的开发人员如何快速的搭建开发环境和创建一个简单但功能齐全的

VUE

工程。此文档目前仅针对系统的开发。文档中没有涉及原理的讲解,各位在以后的工作中慢慢理解各个步骤。进入真正开发之前还请先仔细阅读下文列出的开发必读文档。

1.2. 准备工作

一、配置node.js环境

二、配置webpack npm install webpack -g

1.3. 开发过程

一、vue的使用

二、Element-ui

三、开发必读的文档

1、Webpack: doc.webpack-china.org/

2、Vue: https://cn.vuejs.org/

3、Vue-router: router.vuejs.org/en/

4、Axios https://www.kancloud.cn/yunye/axios/234845

5、Vuex: https://vuex.vuejs.org/en/

6、element-ui: element.eleme.io/#/en-US

1. 步骤详解

1.1.1. 什么是Webpack?

webpack是一个现代JavaScript应用程序的模块打包器。当webpack处理应用程序时,它会递归地构建一个依赖关系图(,其中包含应用程序需要的每个模块,然后将所有这些模块打包成少量的bundle -通常只有一个,由浏览器加载。它是高度可配置的,需理解四个核心概念:

入口(entry)、输出(output)、loader、插件(plugins)。


1.1.1. 什么是vue?

Vue.js是一套构建用户界面的渐进式框架。Vue采用自底向上增量开发的设计。Vue的核心库只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与单文件组件Vue生态系统支持的库结合使用时,Vue也完全能够为复杂的单页应用程序提供驱动。

1.1.1.1. 常用指令