🚀 脚手架核心 —— 打造高效开发新体验

📐 代码规范：统一协作，提升质量

✨ 为什么需要代码规范？

• 多人协作开发时，统一的代码规范是团队高效协作的基石
• 良好的代码规范让后续维护和迭代事半功倍
• 自动化工具辅助 + 开发者自身规范意识 = 优质代码

⚡ Vite 8 + Rolldown：性能飙升的秘密武器

🔥 新一代构建引擎，速度起飞！

• Vite 8 ：Vite团队最新力作，完全由Rolldown驱动，性能质的飞跃
• Rolldown ：Vite团队自研下一代Rust构建引擎，目标取代Rollup + esbuild组合，保持Rollup兼容性的同时速度更快、效率更高

🧹 Eslint：代码质量的守护者

✅ 全方位的代码检查，让错误无所遁形

• 不仅格式化代码，更能实时检查语法错误，开发过程中就消灭bug
• 针对React和Vue3用户提供定制化配置，精准适配不同框架
• 语法规范 + 格式规范双管齐下，打造完美代码
• 🔗 React Eslint 规范文件：eslint.config.mjs
• 🔗 Vue3 Eslint 规范文件：eslint.config.mjs

📌 Git：强制规范，守住最后一道防线

🚫 拒绝不合规代码提交！

• 代码提交前自动校验Eslint规范
• 有错误？修复后才能提交，确保仓库代码质量始终如一
• 团队协作的“守护神”，让规范落地生根

⚡ 项目优化：从开发到打包，全面加速

💡 Vite已经很快？我们让它更快！

• 基于Vite默认优化，进一步深度定制开发和打包配置
• 针对实际项目场景，优化每一个细节

📦 代码分割：按需加载，提升首屏速度

🔪 智能拆分代码，加载更高效

• 手动分割大体积库，单独打包，减少主包体积
• 按需加载，提升首屏渲染速度，优化用户体验

build: {
  rollupOptions: {
    output: {
      manualChunks: {
        vue: ['vue'],          // Vue核心库单独打包
        lodashEs: ['lodash-es'], // Lodash工具库单独打包
        elementPlus: ['element-plus'], // Element Plus组件库单独打包
      },
    },
  }
},

📱 适配方法：一键适配，告别繁琐配置

🎯 autofit.js：自动适配所有屏幕

• 采用autofit.js库，智能适配不同屏幕尺寸
• 无需手动配置，开箱即用
• 完美解决多设备适配问题，开发更省心

---

💪 使用create-wl-app，让前端开发更简单、更高效！

📚 想了解更多？继续探索我们的文档，发现更多实用功能！