vue3+elementPlus+ts 项目

该项目git地址 结合项目源码更容易看懂 代码更完整 随便扯扯 以前做项目的过程中呢 发现封装组件能够提高开发效率并且降低耦合度 也在这里踩了很多坑 由刚开始的只能父子组件传值 到抽离出一个比较通用的

该项目git地址 结合项目源码更容易看懂 代码更完整 这是一整个系列 可以看看之前的文章 能了解数据是怎么封装的 问题 要实现一个默认选中的效果 页面刷新之后 上方的路由地址会跟 上一次点击到的页面不

该项目git地址 结合项目源码更容易看懂 代码更完整 这是一整个系列 可以看看之前的文章 能了解数据是怎么封装的 面包屑的实现 使用的是 elementPlus 只需要获取当前或有 并将路由的名称信息

该项目 git 地址 结合项目源码更容易看懂 代码更完整 动态路由理解 为什么要使用动态路由呢 主要还是权限管理这一块吧 到时候写一篇完整的权限管理文章 这里简单说说 动态路由 比如 一个 admin

webpack webpack 中是使用 require.context() 来查找文件内容的 它允许您传入要搜索的目录、搜索子目录的标志以及匹配文件的正则表达式 应用场景 比如使用动态路由的时候 会

该项目git地址 结合项目源码更容易看懂 代码更完整 思路 我是按照动态路由的模式来生成的 menu 所以我在 mockjs 中的 数据定义如下 然后找到 官网中的 menu 进行 for 循环遍历

官网 下载下来有一个文件 突然发现 他把在线地址的功能给删除了 可能是觉得不够稳定吧 坑 因为以前使用 uni 的时候 只用把 其中 iconfont.css 引入进来就可以了 但是这一次这么引入 其

elementPlusIcons 官网中有好几种引入的方式 这里我使用的是 第一种 Register All Icons 但是这一种是全部引入 这里我给他做了一个小优化 让他按需引入 并且也将这种加载

该项目git地址 结合项目源码更容易看懂 里面有很多注释 设计思路 如图所示 Login 里面注册 panel 页面 主要用来设置样式 居中 panel 为父组件 account 和 phone 为子

setup 语法糖 vue3 使用 setup 语法糖 进行 ref 父子组件传值的小坑 记录一下 就是不适用 setup 语法糖的时候 定义的函数 会使用 return 返回出去 那么在获取到 re

vite 配置 mock vite-plugin-mock 安装 开发环境使用 vite.config.js 中配置 src 下 创建 mock index.ts mock.js 官网 安装 使用 项

nginx 反向代理 简单的说 反向代理是面向服务端的 比如 client A 向代理服务器发送了第一次请求 代理服务器向 Sever B 请求到了资源并返回 client A 向代理服务器发送了第二

配置环境变量 先创建这第三个文件 分别是 开发环境 生产环境 测试环境的配置 到时候就能取到里面的值 .env.development .env.production .env.test 可以通过 c

安装 文件配置 创建 router 文件 根据路径创建对用的文件 创建 store 文件 创建一个总仓库 main.ts 中引入 注册

vite 官网 官网写的还是很详细的 但是初学的话可能看的不是很懂 还是建议自己找一套视频教程先看 我这里就是记录一下 打包肯能会用到的配置 类似于笔记的作用 大致讲解一下 base 开发或生产环境服

代码规范 .editorconfig VSCode 需要安装一个插件： EditorConfig for VSCode .prettierrc npm i -D prettier 可以用编译器格式化

参考文献 vite官网 方法一 方法二 这种可以直接指定创建项目的具体模板 跳过选择 总结 直接看官网就行 明白那几条语句什么含义 自己尝试创建两个项目就行了 npm 创建 或者创建 react 啥的