🚀 Vue Router 5 文件式路由完全指南

🚀 Vue Router 5 文件式路由完全指南 在传统的 Vue SPA 开发中,维护庞大的 router/index.ts 文件(如 constantRoutes 数组)往往是一项繁琐的工作。 Vue Router v5 吸收了 unplugin-vue-router 的核心能力,官方原生支持


Vite 开发环境配置 HTTPS

1. 插件概述 @vitejs/plugin-basic-ssl 是 Vite 官方提供的轻量级 SSL 插件,用于快速为 Vite 开发服务器启用 HTTPS 服务,无需手动配置 SSL 证书——插件会自动生成并使用自签名的 SSL 证书,适用于本地开发场景(如需要 HTTPS 环境调试 PWA、


vite-plugin-monkey

1. 介绍 vite-plugin-monkey 是一个基于 Vite 的油猴脚本开发工具,可以使用 Vite 的开发模式开发油猴脚本,支持热更新。 参见 中文文档 了解更多 文档 2. 使用 使用模板快速创建项目: pnpm create monkey 添加到现有项目: pnpm add -D


vite 的 env 文件的

vite 的 env 文件的配置使用 1. 文件名和作用 .env:默认全局配置,所有环境都会加载。 .env.development:仅开发环境加载。 .env.production:仅生产环境加载。 .env.test:仅测试环境加载。 2. 配置文件格式 每行配置是 键=值 格式。 变量名必须


vite+vue3 动态导入所有组件,并分类组件

vite+vue3 动态导入组件, 动态渲染组件 DynamicImport.zip 动态全局导入 1. 创建文件 plugins/componentLoader.js (全局导入) :is 的渲染条件是其绑定的值(如 component )必须是一个已注册的组件(可以是组件对象、异步组件、字符串组


Vue 3 创建响应式数据的方法

在 Vue 3 中,提供了多种创建响应式数据的方法,下面将详细介绍这些方法及其使用场景。 reactive 函数 reactive 函数用于创建一个响应式对象。它接收一个普通对象作为参数,并返回一个响应式的代理对象。 示例代码 <template> <div> <p>{{ state.c


临时 | 永久设置 npm 源

临时 | 永久设置 npm 源 临时使用 npm 源 如安装 lodash 包 npm install lodash --registry https://registry.npmmirror.com/ 查看当前的npm源 npm get registry 结果 PS C:\Users\2641


Cesium 创建地图

vue3+vite+ceisum 使用教程 笔记 链接 基础环境配置 1. 安装 pnpm i cesium@1.99 vite-plugin-cesium 2. 修改vite.config.js⽂件, 添加cesium import { defineConfig } from 'vite' im


OpenLayers 动态绘制点, 线, 面, 图片

OpenLayers 动态绘制点, 线, 面, 图片, dom图标 可以在新的图层中绘制(推荐), 也可以在已有的图层中绘制, 预览: 1. 动态设置方式, 绘制图片 import VectorSource from "ol/source/Vector"; import VectorLayer fr