本篇文章是系列文章的开篇之作，主要介绍搭建一个后台系统前期的准备工作，基建工程是如何做的，让理论知识应用到具体实践中

本章主要知识点： scss的安装、全局设置及一些常规用法 css变量的一些用法 element-plus自定义主题的两种实现方法 暗黑模式的视线 scss scss的安装 本文采用的是css变量和sc

js屏幕适配方案，可让页面在不同屏幕下、不同dpr下、放大缩小时保持不变形，适用于Vue2和Vue3

客户端对于 WebSocket 的封装重点考虑三个问题： 1、连接状态 2、心跳检测 3、断线重连 连接状态 WebSocket 返回的连接状态有 4 种： 0、WebSocket.CONNECTIN

封装一个table组件并不难，主要是搞懂插槽、作用域插槽的写法和用法，下面先复习一下插槽，再进行封装。 一、slot插槽 定义 Vue 实现了一套内容分发的 API，将 元素作为承载分发内容的出口。

开发后台管理系统，在业务上接触的最多就是表单（输入）和表格（输出）了。对于使用 Vue 框架进行开发的同学来说，组件库 Element 是肯定会接触的，而其中的 el-table 和 el-form

功能 Input输入框 autocomplete自动补齐输入框 radio 单选框 checkbox 复选框 date 日期选择框 select 下拉框 如需添加更多功能参考elementPlus或者

为什么要使用 JSX 前阵子在 Vue3 项目中封装一个基础组件的时候用到了 JSX 语法，使用下来的感受就是 —— 某些场景下，JSX 的灵活性对我们编写代码还是能够带来一定的帮助的。 举两个常见的

环境准备 项目创建 Vite创建 使用Vite创建项目 然后按照提示操作即可！这种方式创建的Vue3项目只默认集成了Vite，像Router、Pinia都需要自己手动集成，如果需要就在Select a