如何根据需求搭建一个基于Vue Element UI 的前端框架

你的名字 2024-04-18 20:49 18阅读 0赞

**搭建背景：**

本框架是基于Vue 3.10.0  、element-ui 2.12.0、axios 0.19.0、vuex 3.1.1 、vue-router 进行开发

**搭建步骤：**

**     **1、首先创建一个Vue项目

2、安装Element-UI

3、在项目根目录创建一个vue.config.js文件 ，详细配置见 [配置vue-cli 3.0的vue.config.js][vue-cli 3.0_vue.config.js]

4、自定义eslint检测规则及忽略文件，详细见 [自定义ESLint代码检测规则][ESLint]   [eslint 忽略][eslint]

5、统一编译器风格，详细见 [.editorconfig][]

6、配置项目环境，详见 [Vue CLI 环境变量和模式][Vue CLI]

7、修改/public/index.html 文件，详见 [/public/index.html][public_index.html]

8、安装svg-sprite-loader 插件 实现自己的Icon通用组件 ，详见  [svg-sprite-loader][]

9、配置svg优化工具，详见  [svgo][]

[vue-cli 3.0_vue.config.js]: https://blog.csdn.net/qq_35366269/article/details/100540857
[ESLint]: https://blog.csdn.net/qq_35366269/article/details/100159260
[eslint]: https://blog.csdn.net/qq_35366269/article/details/100293073
[.editorconfig]: https://blog.csdn.net/qq_35366269/article/details/100151223
[Vue CLI]: https://blog.csdn.net/qq_35366269/article/details/100334104
[public_index.html]: https://blog.csdn.net/qq_35366269/article/details/100884761
[svg-sprite-loader]: https://blog.csdn.net/qq_35366269/article/details/100893203
[svgo]: https://blog.csdn.net/qq_35366269/article/details/102716256

发表评论取消回复

表情：

评论列表（有 0 条评论，18人围观）

还没有评论，来说两句吧...

相关阅读

相关如何根据需求搭建一个基于Vue Element UI 的前端框架

*搭建背景：** 本框架是基于Vue 3.10.0 、element-ui 2.12.0、axios 0.19.0、vuex 3.1.1 、vue-...

你的名字/ 2024年04月18日 20:49/ 0 赞/ 19 阅读

相关 VUE框架引入Element-UI实现前端效果------VUE框架

> <template> > <!-- <div id="app"> > <img alt="Vue logo" src="./assets

爱被打了一巴掌/ 2024年02月26日 04:59/ 0 赞/ 4 阅读

相关 Vue3 + Element-UI 搭建一个后台管理系统框架模板

概述本文将介绍如何基于Vue3和element-ui搭建一个后台管理系统框架模板。我们将详细讲解代码流程，并提供详细的说明。技术栈 Vue3 El

青旅半醒/ 2023年09月26日 22:56/ 0 赞/ 110 阅读

相关前端框架(Vue.js&&vue-cli项目框架&&element-ui使用)

目录一、vue.js 1. VUE里的指令二、创建vue-cli脚手架项目三、引入Element-ui组件

àì夳堔傛蜴生んèń/ 2023年09月26日 20:34/ 0 赞/ 91 阅读

相关如何实现一个vue的element ui库?

一、教你如何实现一个UI库： [uab-ui][] 本 UI 库参考了线上活跃度与使用频率较高的一些成熟 UI 框架如： Element UI 、 Ant Design

超、凢脫俗/ 2023年01月02日 04:20/ 0 赞/ 73 阅读

相关 VUE+Element-UI环境搭建

1. 在命令行终端进入eclipse的工作目录下面，查看npm的版本，npm的版本需要大于3.0，如果版本低需要升级npm： ![adacd6aff171a457df21f7

Myth丶恋晨/ 2022年12月07日 01:16/ 0 赞/ 166 阅读

相关 Vue框架Element UI安装环境搭建

Element-Ul是饿了么前端团队推出的一款基于Vue.js 2.0 的桌面端UI框架，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库，手机端有对应

朱雀/ 2022年12月05日 10:30/ 0 赞/ 169 阅读

相关 Vue + Element UI（一）：搭建开发环境

文章目录一、环境准备二、安装NodeJs 三、安装 webpack 四、安装vue-cli 五、淘

小灰灰/ 2022年09月10日 14:19/ 0 赞/ 284 阅读

相关 vue.js+element-ui+vuex环境搭建

一、初始化项目 vue init webpack <project-name> ![这里写图片描述][SouthEast] 二、初始化依赖包 n

柔光的暖阳◎/ 2022年05月30日 06:27/ 0 赞/ 124 阅读

相关基于Vue和Element-Ui搭建项目

基于Vue和Element-Ui搭建项目首先要求事先安装node和npm 没有安装的自行百度或在论坛里面搜索！提示：在命令行分别输入node -v（node和-

曾经终败给现在/ 2021年09月18日 15:34/ 0 赞/ 275 阅读