96SEO 2026-08-13 22:46 0
过去我们使用 ESLint,主要是为了统一代码风格、防止低级错误、减少 code review 里的争论。按理说,
但 AI 进入开发流程以后ESLint 的角色应该变一变。话说回来,

以前的问题是的观点是。
人写代码不稳定,所以需要规则约束人。
现在的问题更像是:
AI 写代码很快。但可能机械满足规则,却不理解业务语义。
AI 时代的 ESLint。不应该只是更严格,而应该是更高信号、更少噪音、更贴近真实 bug。
ESLint 擅长的事情是确定性判断。
比如的观点是。
const obj = {
再看name,'A',name: 'B',};
这个一定有问题,因为前一个 name 会被后一个覆盖。老实说,
说到规则。
no-dupe-keys
这类规则非常适合 ESLint。
这个也一定有问题,因为 v-model 必须绑定到可赋值表达式。
vue/valid-v-model
ESLint 最适合管这种问题:
语法上明确错运行时大概率错团队里无论谁看都应该修
使用者痛点一:规则噪音淹没真正风险
简单讲低信号规则,就是它报错了但不一定代表代码真的有风险。
for {
if break;}
Airbnb Base 可能因为 no-restricted-syntax 禁止 for...of。
You can rewrite it as:
list.some => {
if {
return true;}
return false;}),其实,
This passes lint。but is it really 娱乐ter?Not necessarily.
使用者痛点二:AI 为了“满足风格”进行机械 导致业务行为改变
for...of -> some -> for...in -> Object.keys.forEach三元表达式 -> if else长行 -> 拆数组
If low‑signal rules are abundant,AI will spend most of its effort on “style compliance” instead of “business understanding”.
人类修 lint 时可能会停下来思考:
这里能不能改?话说回来,会不会影响 break?会不会影响 await,话说回来,会不会影响 this?
If AI lacks clear context。it may replace code blindly.
例如这方面,
for {
await save;}
If AI mechanically changes it to:
list.forEach => { await save;}),
This introduces a bug because
The takeaway: Low‑quality ESLint rules诱导 AI 做错误的“合规
”。需要重新治理 ESLint 规则。
Their errors almost always indicate real risk.
},};
至于关键点,不要禁用所有
传统报错往往只有 rule 名称,例如:
这对新人和 AI 都不友好。建议提供完整说明:
即:“不要只说‘不准’。要说明‘为什么不准’还有‘如何安全替代’”,帮助 AI 做出正确修复。说起来,
ESLint 看不到业务语义。例如:
这些需依赖 AI Review。AI 在复杂程序中应关注:
ESLint 的职责仅是挡住确定性错误,让人和 AI 将精力聚焦业务风险。
针对老 Vue2 项目,建议分阶段实施:
这样比单纯堆砌更多 lint rule 更有效。
在 AI era。一个好的 eslint 报错应满足:
否则大量低信号报错会淹没关键风险,使审查注意力被稀释。例如一次 PR 中出现 10 个缩进/分号/单引号等格式问题。却还有 4 条可能影响行为的改动,AI 往往只看到「lint 批量修复」而忽略业务语义变更。
.forEach
. 更好的原则:保留防 bug,减少风格洁癖
perl
no-restricted-syntax
prefer-destructuring
max-len
no-nested-ternary
no-param-reassign
no-plusplus
例如禁用 `for…in` 合理,因为它遍历原型链;但禁所有 `for,of` 则不一定合理。对于需要 `break`、`continue`、`await` 的循环,`for…of` 更清晰,
缩进、空格、换行、引号、分号、对象换行、行宽…这些交给 Prettier。让代码格式自动化,不占用人和 AI 的判断力。
. ESLint 和 Prettier 的分工
这些工具应协作,而不是抢工作。
Prettier 负责代码外观
ESLint 负责显式风险
TypeScript 负责类型正确性
测试 负责行为是否变化
AI Review 负责业务链路合理性
. Parser 必须升级
至于案例,可选链 `parseFloat?.toFixed` 放在模板字符串里触发了 ESLint 内部错误。仅靠改业务代码无法根治,根本办法是升级工具链。
. AI 时代的理想 ESLint 配置
// 可根据项目自行开启/关闭
'prefer-destructuring': 'off','no-plusplus': 'off',// 示例:只限制 ForIn 与 With
'no-restricted-syntax':,ForOfStatement——在需要 break/await 时它比 .some 更直观。
. 报错信息也要解释型
perl
no-restricted-syntax
css
Avoid for...in because it iterates inherited enumerable properties. Use Object.keys/Object.entries if you only need own properties.
. AI Code Review 补足 ESLint 的盲区
text
审批页和查看页是否需要一致接口字段?按理说,是否符合后端契约?
. 老项目落地方法
. 判断标准 — 噪音 vs 信号
.
作为专业的SEO优化服务提供商,我们致力于通过科学、系统的搜索引擎优化策略,帮助企业在百度、Google等搜索引擎中获得更高的排名和流量。我们的服务涵盖网站结构优化、内容优化、技术SEO和链接建设等多个维度。
| 服务项目 | 基础套餐 | 标准套餐 | 高级定制 |
|---|---|---|---|
| 关键词优化数量 | 10-20个核心词 | 30-50个核心词+长尾词 | 80-150个全方位覆盖 |
| 内容优化 | 基础页面优化 | 全站内容优化+每月5篇原创 | 个性化内容策略+每月15篇原创 |
| 技术SEO | 基本技术检查 | 全面技术优化+移动适配 | 深度技术重构+性能优化 |
| 外链建设 | 每月5-10条 | 每月20-30条高质量外链 | 每月50+条多渠道外链 |
| 数据报告 | 月度基础报告 | 双周详细报告+分析 | 每周深度报告+策略调整 |
| 效果保障 | 3-6个月见效 | 2-4个月见效 | 1-3个月快速见效 |
我们的SEO优化服务遵循科学严谨的流程,确保每一步都基于数据分析和行业最佳实践:
全面检测网站技术问题、内容质量、竞争对手情况,制定个性化优化方案。
基于用户搜索意图和商业目标,制定全面的关键词矩阵和布局策略。
解决网站技术问题,优化网站结构,提升页面速度和移动端体验。
创作高质量原创内容,优化现有页面,建立内容更新机制。
获取高质量外部链接,建立品牌在线影响力,提升网站权威度。
持续监控排名、流量和转化数据,根据效果调整优化策略。
基于我们服务的客户数据统计,平均优化效果如下:
我们坚信,真正的SEO优化不仅仅是追求排名,而是通过提供优质内容、优化用户体验、建立网站权威,最终实现可持续的业务增长。我们的目标是与客户建立长期合作关系,共同成长。
Demand feedback