光影星宸

摘要： // 使用TS二次封装axios，添加拦截器和类型约束 import axios from 'axios' import type { AxiosRequestConfig, Method, HttpStatusCode } from 'axios' // 创建axios实例对象并进行基础配置 co 阅读全文

摘要： import path from 'path' import fs from 'fs' /** * 从指定目录中提取指定后缀名的所有文件 * @param srcPath string 要提取文件的目录路径，相对或绝对路径都可 * @param destPath string 提取后的文件存放的目录 阅读全文

摘要： 方式一 使用vueuse提供的hook函数useSessionStorage和useLocalStorage，可以实现对某个变量的持久话 安装vueuse库 npm i @vueuse/core 在stoer中使用 import { useLocalStorage } from '@vueuse/c 阅读全文

摘要： props传参 会自动跳过key/ref/...等本身就有特殊意义的属性名 路由跳转 当路由到同一个路由组件时，会依次触发onBeforeUpdate、onUpdated生命周期钩子 pinia 组件中使用storeToRefs函数时，直接解构出来的是state中直接声明的属性(state.user 阅读全文

摘要： import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' import { resolve } from 'path' import vueSetupExtend from 'vite-plugin-vue-se 阅读全文

摘要： 导读： 使用vw和vh解决适配问题 vw：view width屏幕宽度，1vw等于屏幕宽度的百分之一 vh：view height屏幕高度，1vh等于屏幕高度的百分之一 使用插件postcss-px-to-viewport可以自动将px转换为vw/vh 安装 npm i postcss-px-to- 阅读全文

摘要： 使用第三方库mitt实现全局事件总线，其原理，和Vue2类似，在app.config.globalProperties上添加总线，然后在需要的组件中引入，调用其on/emit/off等方法实现绑定、派发和解绑等操作 1、下载安装 npm i mitt 2、在main.ts中配置 import { c 阅读全文

摘要： 插件名：unplugin-auto-import url：https://github.com/antfu/unplugin-auto-import 安装 1、下载插件 npm i unplugin-auto-import -D 2、配置vite.config.ts import vue from 阅读全文

摘要： vs code的settings.json配置文件 { ... // 其他配置项 "editor.defaultFormatter": "esbenp.prettier-vscode",// 设置prettier为默认格式化程序 "prettier.enable": true, // 启用prett 阅读全文

摘要： 1. 安装插件vite-plugin-vue-setup-extend npm i vite-plugin-vue-setup-extend -D 2. 配置vite.config.ts import vue from '@vitejs/plugin-vue' import { defineConf 阅读全文