Vue 3测试入门第三章:从零搭建Vitest测试环境,跑通第一个单元测试2026-07-06 vueVue 3项目要写测试,第一步得把测试环境搭起来。本文从Node版本、Vite版本这些前置条件讲起,手把手带你安装vitest、happy-dom和@testing-library/vue,配置vite.config.js …#基础入门 #Vite #单元测试 +1阅读更多
Vue 3测试入门第二章:Vitest是什么?Vite原生测试框架凭什么这么快2026-07-06 vue用同一套工具链的比喻,聊聊 Vitest 这个由 Vite 驱动的测试框架为什么这么快,它和 Jest 到底差在哪,以及在 Vue 3 项目里怎么用最顺手。#基础入门 #Vite #单元测试 +2阅读更多
不用装东西也能玩Vue?在线演练场和脚手架create-vue全上手2026-06-01 vueVue 3不用本地装环境也能玩,在线演练场让你浏览器里直接写Vue。本文详解Vue SFC演练场和StackBlitz两种在线环境、create-vue脚手架怎么用、Vite和Vue CLI的区别、以及从Vue CLI迁移到Vite的注意事 …#基础入门 #Vite #工具链 +1阅读更多
vue文件怎么变成浏览器能跑的代码?SFC编译和工具链全揭秘2026-06-01 vueVue 3的.vue文件浏览器不认识,必须经过@vue/compiler-sfc编译成标准JavaScript和CSS。本文详解SFC的编译过程、编译后的输出长啥样、style标签在开发和生产环境的不同处理、以及Vite和Vue CLI两种 …#基础入门 #Vite #SFC +2阅读更多
Vite环境下如何实现Vue3全局组件批量注册?2026-03-07 vueVue3全局组件批量注册可减少重复代码、便于统一管理与自动化导入。Vite环境下,在src/components/index.js中,用import.meta.glob批量导入.vue组件,提取文件名并注册为全局组件,main.js中通 …#基础入门 #Webpack #Vite +1阅读更多
Nuxt.js 应用中的 vite:compiled 事件钩子2024-11-19 前端开发在 Nuxt 3 中,vite:compiled 钩子允许开发者在 Vite 编译完成后执行自定义逻辑。通过这个钩子,开发者可以在代码编译完成后进行一些必要的处理,比如输出编译状态、更新 UI 或触发其他事件。#nuxt #钩子 #自定义 +2阅读更多