<p>计数：{{ count }}</p>

做 Vue3 + Vite 大型项目时，代码规范、统一格式化、自动纠错是刚需，多人协作更需要统一编码风格。但新版create-vue生成的项目用的是ESLint 扁平配置（，和旧版.eslintrc写法完全不一样，很多同学配置完规则不生效、保存不自动修复、依赖安装报错、VS Code 设置爆红等一堆坑。今天把从零配置完整流程、每一步操作、常见报错问题 + 解决方案整理成可直接照搬的教程，新手也能一

在组件中直接使用时，ESLint 抛出的错误提示，虽然不影响代码运行，但会打断开发体验，也不符合代码规范要求。模块导入导出必须严格匹配：命名导出的函数名必须和导入时的解构名称完全一致，大小写、拼写都不能出错；如果使用导出，导入时就不能用解构语法。接口请求一定要加return：之前写接口时不小心漏了return，导致组件中await调用时拿不到接口返回的 Promise，后续处理响应数据时一直报错，

表格易错场景关键检查点父组件调用子组件方法1. 子组件是否用暴露方法2.ref变量名和模板属性是否一致3. 组件名是否使用大驼峰接口数据渲染1. 先打印返回值确认数据结构2. 列表和总数是否取对层级3.total必须是数字类型第三方依赖使用1. 依赖是否安装成功，版本是否兼容2. 导入路径是否正确3. 安装后必须重启服务单文件组件结构1. 只能有一个标签2. 模板中标签必须闭合3. 变量名拼写必须

1.相同点：均为数据驱动、组件化、基于虚拟DOM和Diff算法、工程化成熟、生态完善，是现代前端主流框架的标准范式。2.不同点：Vue 侧重易用性、快速开发、低门槛，模板语法直观、双向绑定高效；React 侧重灵活性、逻辑性、工程化，JSX自由、单向数据流稳定、适配复杂项目。3.核心联系：技术同源、互相借鉴、思维互通，不存在绝对的优劣，只有场景适配的差异。企业开发选择建议：快速迭代、中小型项目、后

React原生的useState仅能实现组件局部状态管理，面对跨层级组件传值、全局状态共享、复杂状态联动Context：React官方原生方案，无额外依赖，核心解决多层props透传问题Redux：经典企业级状态库，靠严格规范解决复杂状态不可控问题Zustand：现代轻量状态库，兼顾高性能、极简代码、无冗余规范，是当下中小型项目首选三者没有绝对的优劣，只有场景适配差异。很多人混淆的核心原因：把Co

作为一名前端学习者，我一直在找一款能深度集成到 IDE 的 AI 编程助手。Claude Code 以其强大的代码理解能力和终端集成特性，成为了我的首选。它可以直接在项目目录中启动会话，读取本地文件，帮我写代码、改 bug、解答问题，非常适合我这种正在系统学习 Vue3 的学生。

在组件中直接使用时，ESLint 抛出的错误提示，虽然不影响代码运行，但会打断开发体验，也不符合代码规范要求。模块导入导出必须严格匹配：命名导出的函数名必须和导入时的解构名称完全一致，大小写、拼写都不能出错；如果使用导出，导入时就不能用解构语法。接口请求一定要加return：之前写接口时不小心漏了return，导致组件中await调用时拿不到接口返回的 Promise，后续处理响应数据时一直报错，