写在开头上一篇文章 ElementUI源码系列三 - 学习gen-cssfile.js文件之自动创建组件的.scss文件与生成index.scss文件内容 我们讲过添加一个新组件要经历三个步骤：第一步 - 创建组件目录结构第二步 - 创建组件样式文件第三步 - 总入口文件引入组件并且我们实现了第二步的自动创建操作，也就是仅通过命令即可完成创建文件，再也不需要手动创建操作。当然，这第二步还不够高级，
转载
2024-07-03 23:13:10
48阅读
由于面试需要，先来几发 element 源码学习博客。Vue 源码还将继续更新。
好，现在我们开始学习 element —— 最受欢迎的 Vue UI 框架。package.json我觉得要看一个前端项目，首先必须得看看 package.json 这个文件。编译入口来看看编译的入口"scripts": {
# 安装依赖
"bootstrap": "yarn || npm
今天由于项目需要，想在Tree组件的前面增加一个icon图标，根据不同类型增加不同的图标，我修改了elementUI的源代码，发布到npm上去成功使用，记录下过程中所碰到的问题，首先看下最后的效果：下面简单记录下过程和过程中所遇到的问题以及问题的解决方案。首先把elementUI的项目从git上克隆下来：git clone https://github.com/ElemeFE/element.gi
转载
2024-04-17 19:45:55
151阅读
vue-admin-beautiful，一款基于 vue+element-ui 的绝佳的通用型、中后台前端框架 vue-admin-beautiful登录页面 vue-admin-beautiful后台效果 效果展示地址：http://beautiful.panm.cn/vue-admin-beautiful/github地址：https://github.com/chuzhix
转载
2024-05-24 06:33:45
34阅读
配置文件这里大致说一下开发过程中经常用到的配置 config/dev.env.js 这里是开发过程中需要修改的一个地方'use strict'
const merge = require('webpack-merge')
const prodEnv = require('./prod.env')
module.exports = merge(prodEnv, {
NODE_ENV: '"de
转载
2024-04-24 14:42:19
95阅读
分析Element-ui封装思想在平时写业务或者是写玩具的时候为了方便，我们会使用各种各样的组件库。虽然说基本需求看文档就可以了，但是文档中提供的方法和业务需求相比肯定是有一定差距的，这时候就需要自己封装组件了；并且，在写了一些代码后感觉，其实在不同的项目中写过功能差不多相同的代码，那为什么不封装一下方便以后、或者是其他人使用呢？写这篇博客的时候参考了b站up主樱满空的视频。文章内容会不断的更新，
转载
2024-03-07 14:43:22
661阅读
注意 1、不要在未改配置的情况下用 // ，，会报错2、cnpm run dev之后的网址 http://127.0.0.1:8085总结坏的代码各有不同，但是好的代码思想总是一致的 —— 高性能易维护，随着项目代码量越来越大，在很多时候，易维护的代码甚至比高性能但是难以维护的代码更受欢迎，高内聚低耦合的
转载
2024-04-07 19:32:34
87阅读
GitHub/Gitee项目文件的上传和下载 文章目录GitHub/Gitee项目文件的上传和下载什么是开源开源许可协议开源托管平台新建空白远程仓库远程仓库两种访问方式基于HTTPS将本地仓库上传到Gitee基于SSH将本地仓库上传到GitHub生成SSH key方法一：配置SSH key检测GitHub的SSH key是否配置成功远程仓库克隆到本地方法二（推荐）：SSH 地址下载代码 开源的项目
该项目位于 ，是一个基于 Vue.js、Element UI 和 FastAPI 的现代化后台管理系统模板。它旨在为开发人员提供一个快速启动新项目的平台，帮助节省时间和精力，以便专注于业务逻辑和创新。项目简介Vue-Element-Admin-FastAPI 结合了前端 Vue.js 框架与后端 FastAPI 的高性能特性，利用 Element UI 提供美观易用的组件库。它的核心功能包括用户认
推荐开源项目：WJElement wjelementadvanced, flexible JSON manipulation in C项目地址:https://gitcode.com/gh_mirrors/wj/wjelement 项目简介WJElement 是一个轻量级的前端 UI 组件库，基于 Vue.js 框架实现。它旨在提供一套简洁、易用且功能强大的组件，帮助开发者快速构建 web 应用程
1 VSCode搭建Vue项目 在vscode上搭建一个vue项目---初学总结。1.假设Vscode、nodejs等已经安装好了。2.全局安装vue-cli，vue-cli可以帮助我们快速构建Vue项目。安装命令：npm install -g vue-cli打开VScode的终端，调出命令输入框。点击终端-新建终端，输入上述命令，回车，等待安装完成。3.安装webpack，它
转载
2024-09-23 18:23:10
133阅读
从上一篇文章中，我们了解了LitePal这个开源项目的基本结构，以及框架的特点，并对部分关键类有了一定的了解。这为我们接下来更好阅读LitePal源码做好准备，让我们可以更轻松的去理解各个功能的实现流程。如果没有看过这篇文章，可以去参考一下LitePal源码解析——框架结构及关键类说明其实在今年7月之前的一年多时间里，我基本上是没怎么接触Android开发，大部分时间都用在小组工作协调、跟进产品需
写在开头经过前两篇文章的学习，我们算是已经是把项目的基础架构给立起来了，支棱起来了xd。 (✪ω✪)那这章我们来学啥呢？这章只有一个目标，就是学习在 element-ui 源码内某个文件的内容，它的目录：element-dev/build/bin/gen-cssfile.js。bin 目录是一个存放可直接运行文件的目录，里面有很多能够帮助我们提升效率的操作，有很多知识值得我们去学习，接下来会抽几个
转载
2024-08-01 12:53:47
498阅读
提要Vue2.0+Vuex+ElementUI是现在很多项目都在使用的BS软件的开发组合。Vue相较于Angular具有学习成本低，上手快以及组件轻量化的特点；相较于React，其官方提供的很多指令以及可以自定义的指令能够为让开发更加高效。并且相较于React生命周期监听所有props和state的变化，Vue中提供的watch方法监听单个数据的变化，能够更加直观的进行数据操作。需要修改源码的项目
转载
2024-06-12 20:13:44
50阅读
原创
2021-09-07 14:52:03
1422阅读
写在开头时隔大半个月，最近终于又有些时间来写文章啦(￣▽￣)，写文章我一直认为是一种巩固知识的好方式，不仅加深、巩固自己学到的东西，而且会有一个比较好的整理归纳，也能方便自己随时的查阅。而这次分享的文章主题是 element-ui 源码系列，element-ui 包括新版的 element-plus 我一直认为是两个非常棒的 UI 框架（当然其他框架也很棒啦，手动狗头保命-.-），它们是值得我们去
转载
2024-02-19 17:28:15
258阅读
一、前言有时候，我们需要修改elementUI的源码，来达到boss们的要求。但是修改完之后，又不知道如何发布到npm上来安装。那么这一篇文章将介绍如何修改elementUI源码然后发布到npm上。二、fork一份elementUI源码首先去到github官网，然后搜索elementUI代码，进去看到该页面，然后点击Fork按钮fork完之后，记得修改一下项目的名字接下来使用git把代码clone
转载
2024-02-26 14:30:17
190阅读
结合Vue3.0学习elementUi 源码 文章目录结合Vue3.0学习elementUi 源码前言一、element ui 之 container（一）对container的简单解析（二）、用Vue3.0的方式重写container（三）、container用vue3.0写的差异部分二、element ui 之 layout（一）、layout 简单解析（二）、用vue3.0重写Layout（
转载
2024-05-11 23:37:51
78阅读
ElementUI 作为当前运用的最广的 Vue PC 端组件库，很多 Vue 组件库的架构都是参照 ElementUI 做的。作为一个有梦想的前端（咸鱼），当然需要好好学习一番这套比较成熟的架构。目录结构解析首先，我们先来看看 ElementUI 的目录结构，总体来说，ElementUI 的目录结构与 vue-cli2 相差不大：.github：存放贡献指南以及 issue、
转载
2024-06-01 06:43:55
100阅读
一、下载安装NodeJS1.下载过程默认下一步（1）这个是官网全版目录，下载太慢（一般下载不了）；但是它写了所有nodejs和npm相互对应的版本，可以以此为参考、防止版本不对应；NodeJS各个历史版本下载https://nodejs.org/zh-cn/download/releases/（2）这里有一个快速下载地址，只有16.18.1这个版本，但这个版本是长期支持的；对应npm8.15.0N
