Skip to content

code-format,eslint,prettier

代码格式化、eslint、和 prettier

为什么在这个时候选择提及此内容?

之前模糊地记得 antfu 将会维护 eslint 的样式配置

eslint 的官方博客说明了 eslint 要发生的重大变更,和 antfu 即将下场动手的前瞻说明:

有了更好的社区解决方案

本文写于 2024-04。在 24 年 4 月,我一直以来都没有去弄过 eslint+prettier 混用的配置,因为相关插件和工具的配置成本太高了。

之前有了解过关于 eslint 样式风格的重大变更。所以在这个时候重提此内容。

antfu 对 eslint 的见解

以下是 antfu 在 eslint 社区内参与的讨论:

antfu 针对格式化问题所维护的仓库

可视化的 eslint 配置,antfu 的 eslint-config-inspector 工具

其他,关于 eslint 混乱的配置系统

基本完成

现在已经基本上完成 eslint 的学习。

贡献者

The avatar of contributor named as ruan-cat ruan-cat

页面历史

布局切换

调整 VitePress 的布局样式,以适配不同的阅读习惯和屏幕环境。

全部展开
使侧边栏和内容区域占据整个屏幕的全部宽度。
全部展开,但侧边栏宽度可调
侧边栏宽度可调,但内容区域宽度不变,调整后的侧边栏将可以占据整个屏幕的最大宽度。
全部展开,且侧边栏和内容区域宽度均可调
侧边栏宽度可调,但内容区域宽度不变,调整后的侧边栏将可以占据整个屏幕的最大宽度。
原始宽度
原始的 VitePress 默认布局宽度

页面最大宽度

调整 VitePress 布局中页面的宽度,以适配不同的阅读习惯和屏幕环境。

调整页面最大宽度
一个可调整的滑块,用于选择和自定义页面最大宽度。

内容最大宽度

调整 VitePress 布局中内容区域的宽度,以适配不同的阅读习惯和屏幕环境。

调整内容最大宽度
一个可调整的滑块,用于选择和自定义内容最大宽度。

聚光灯

支持在正文中高亮当前鼠标悬停的行和元素,以优化阅读和专注困难的用户的阅读体验。

ON开启
开启聚光灯。
OFF关闭
关闭聚光灯。