feat: 添加 Husky 和 commit 限制配置

src/views/guide/index.vue

@@ -0,0 +1,72 @@
+<template>
+  <div class="guide-page w-full h-full relative">
+    <GuideSteps
+      ref="guideStepsRef"
+      :steps="guideSteps"
+      @complete="handleGuideComplete"
+      @skip="handleGuideSkip"
+      @step-change="handleStepChange"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+import { useRouter } from 'vue-router'
+import GuideSteps from '@/components/Guide/GuideSteps.vue'
+
+const router = useRouter()
+const guideStepsRef = ref()
+
+// 引导步骤配置
+const guideSteps = [
+  {
+    id: 'welcome',
+    title: '欢迎使用短视频达人！',
+    content: '试着用这些方法记录身边的小事，你会发现，原来平凡的日子里有这么多值得捕捉的瞬间。',
+    nextText: '开始学习'
+  },
+  {
+    id: 'music',
+    title: '音乐选择',
+    content: '选和主题匹配的音乐，烘托氛围又不抢戏。好的音乐能让你的视频更有感染力。',
+    nextText: '了解详情'
+  },
+  {
+    id: 'shooting',
+    title: '动态拍摄',
+    content: '掌握运镜技巧，让画面更有动感。从静态到动态，让你的视频更生动有趣。',
+    nextText: '开始体验'
+  },
+  {
+    id: 'complete',
+    title: '准备就绪！',
+    content: '太棒了！你已经了解了拍摄的基本技巧。现在可以开始创作你的第一个短视频作品了！',
+    nextText: '开始创作'
+  }
+]
+
+// 处理引导完成
+const handleGuideComplete = () => {
+  console.log('引导完成')
+  // 可以跳转到主页面或保存引导状态
+  router.push('/home')
+}
+
+// 处理跳过引导
+const handleGuideSkip = () => {
+  console.log('跳过引导')
+  router.push('/home')
+}
+
+// 处理步骤变化
+const handleStepChange = (step: { title: string }, index: number) => {
+  console.log('步骤变化:', step.title, index)
+}
+</script>
+
+<style scoped>
+.guide-page {
+  @apply bg-black;
+}
+</style>