前端 Web 实战(Vue 工程化 +ElementPlus)

Vue 工程化

前面我们在介绍 Vue 的时候,我们讲到 Vue 是一款用于构建用户界面的渐进式 JavaScript 框架 。(官方:https://cn.vuejs.org/

那在前面的课程中,我们已经学习了 Vue 的基本语法、表达式、指令,并基于 Vue 的核心包,完成了 Vue 的案例。 那今天呢,我们要来讲解的基于 Vue 进行整站开发。

介绍

在前面的课程中,我们学习了 HTML、CSS、JS、Axios、Vue 等技术,并基于完成了一些前端开发的案例 。我们目前的前端开发中,当我们需要使用一些资源时,例如:vue.js,和 axios.js 文件,都是直接在工程中导入的,如下图所示:

但是上述开发模式存在如下问题:

所以现在企业开发中更加讲究前端工程化方式的开发,主要包括如下 4 个特点:

所以对于前端工程化,说白了,就是在企业级的前端项目开发中,把前端开发所需要的工具、技术、流程、经验进行规范化和标准化。从而统一开发规范、提升开发效率,降低开发难度、提高复用等等。接下来我们就需要学习 vue 的官方提供的脚手架帮我们完成前端的工程化。

环境准备

介绍