Vue Router v5 原生支持基于文件目录的自动路由,吸收了 unplugin-vue-router 的核心能力,可通过创建页面文件自动生成路由,减少手写 routes 配置。文章介绍了依赖迁移、Vite 与 TypeScript 配置、路由实例初始化方式,以及 src/pages 目录映射规则。通过 `<route>` 块可配置 meta、redirect 等信息,并总结了首页缺失、组件懒加载配置错误等常见问题的解决方法,帮助开发者快速迁移和使用文件式路由。
`@vitejs/plugin-basic-ssl` 是 Vite 官方提供的 SSL 插件,可通过零配置方式为开发服务器启用 HTTPS。插件会自动生成并管理自签名证书,适用于本地调试 PWA、支付回调、跨域等需要 HTTPS 的场景。文章介绍了插件的安装要求、基础接入方式和高级配置,包括证书存储目录与自定义 hosts 设置。同时说明了浏览器证书警告处理、证书永久信任方法及常见问题排查。该插件支持 Vite 2.x+ 和多平台开发环境,但仅适用于本地开发,生产环境仍需使用正规 CA 证书。
本文系统介绍 Vue3 组件通信方案,涵盖父子、兄弟、跨层级及进阶场景。内容总结了 Props + Emit、$attrs、Ref + DefineExpose、EventBus、Provide/Inject、Pinia、Vue Router、Slots、v-model 等方式,并结合示例说明适用场景。读者可根据组件关系、数据共享范围和业务复杂度选择合适方案,提升 Vue3 应用的数据管理与组件协作能力。
本文介绍 Stylelint 的定位、核心优势及详细配置方法,涵盖 CSS、SCSS、LESS、Vue 等场景的安装、配置文件、核心规则、忽略文件与常用命令。文章进一步说明如何通过插件、VS Code、lint-staged、Webpack 等工具融入开发流程,并介绍属性顺序管理、自定义规则开发等进阶内容。同时总结 Prettier 冲突、SCSS/Vue 兼容、规则放宽及版本升级等常见问题解决方案,帮助团队建立统一、高效、可维护的样式检查规范。
本文系统介绍了 tsconfig.json 的作用与完整配置体系,涵盖顶层配置、watchOptions、typeAcquisition、compilerOptions 等核心选项。内容详细说明编译目标、模块解析、代码输出、类型检查、路径管理、错误控制和高级编译能力等配置含义,并结合 Node.js 后端项目示例展示实际使用方式,帮助开发者理解并合理配置 TypeScript 编译流程。
ESLint 是用于 JavaScript 代码质量管理的开源检查工具,可检测语法错误、潜在 Bug,并统一代码风格。文章介绍了其可插拔、可配置、自动修复、多环境支持等特性,涵盖安装初始化、配置文件、规则体系、常用命令及工程化集成方法。通过结合 VS Code、Git Hooks、Webpack、TypeScript 和 Prettier 等工具,开发者可建立更稳定、高效的代码规范流程,提升团队协作与项目维护效率。
.prettierrc 是 Prettier 的核心配置文件,用于统一代码格式化规则,支持 JSON、YAML、JS 等多种格式,并可通过优先级机制加载配置。文章系统介绍了常用格式化选项、插件、忽略文件、编辑器与构建工具集成方式,并提供前端项目配置示例。通过合理配置 Prettier,可减少团队代码风格差异,结合 ESLint、CI/CD 和最佳实践提升开发效率与代码质量。
vite-plugin-monkey 是一个基于 Vite 的油猴脚本开发工具,支持使用 Vite 开发模式编写油猴脚本,并提供热更新能力,提升开发效率。文章介绍了该工具的基本用途,并说明可通过 pnpm create monkey 快速创建项目,也可以安装到现有项目中使用。同时提醒开发者,vite-plugin-monkey 在 Vite 插件配置中必须放置在插件列表的最后一项,以确保正常运行。
文章介绍了在 Vue3 项目中使用 @egjs/vue3-view360 实现全景视图展示的方法,包括安装依赖、创建 Viewer 实例、配置全景图片源、自动播放、缩放、旋转、视角和初始角度等功能。内容还说明了热点功能的实现方式,可通过 yaw、pitch 或三维坐标定位热点,并结合点击事件动态加载新的全景资源,帮助开发者快速构建可交互的 360° 浏览体验。
本文介绍 Vite 的 env 文件配置方式及环境变量使用规则。Vite 支持通过 `.env`、`.env.development`、`.env.production` 和 `.env.test` 区分不同环境的配置文件,其中 `.env` 为默认全局配置。配置项需采用键=值格式,且变量名必须以 `VITE_` 开头,才能被 Vite 读取。页面中可通过 `import.meta.env` 获取全部环境变量,也可使用 `import.meta.env.VITE_BASE_URL` 访问指定配置,便于管理项目中的环境相关参数。