VSCode中的“标尺”功能：控制代码行宽

vscode标尺功能在编辑器右侧显示垂直虚线，用于视觉提示代码行宽限制（如80/100字符），不强制换行；需在settings.json中配置"editor.rulers": [80, 100]，支持全局、工作区或语言专属设置。

VSCode 的“标尺”（Ruler）功能，是在编辑器右侧显示一条或多条垂直虚线，用来直观提示当前代码行的宽度限制，比如常见的 80、100 或 120 字符。它不强制换行，也不影响代码运行，纯粹是视觉辅助，帮你保持代码可读性和团队格式统一。

如何开启和设置标尺

标尺默认关闭，需手动配置。打开设置（Ctrl+, 或 Cmd+,），搜索 editor.rulers，点击“在 settings.json 中编辑”，或直接修改配置文件：

• 在 settings.json 中添加或修改这一行：

"editor.rulers": [80, 100]

• 数组中每个数字代表一条标尺的位置（单位：字符数），支持多个值
• 保存后，编辑器右侧会立即显示对应列的浅灰色虚线
• 标尺位置基于 Unicode 字符宽度计算，中文、emoji 等宽字符也按 1 列计（VSCode 不做字形宽度细分）

标尺只对当前用户/工作区生效

这个设置可以全局启用，也可以按项目单独控制：

jQuery鼠标滚轮控制页面滑动代码

jQuery鼠标滚轮控制页面滑动代码是一款比较简单的页面滚动代码，鼠标滚轮控制页面滚动，能根据平面尺寸自动调整显示效果，具有返回顶部功能。

52

查看详情

• 写在 用户 settings.json 中 → 所有打开的文件都显示标尺
• 写在工作区根目录的 .vscode/settings.json 中 → 仅对该项目生效
• 不同语言可差异化设置，例如在 settings.json 中用 [javascript] 块限定：

"[javascript]": { "editor.rulers": [80] }

配合自动换行与格式化更实用

标尺本身不折行，但可和其它功能协同提升体验：

• 开启自动换行："editor.wordWrap": "on"，长行自动折行显示（不影响源码）
• 搭配 Prettier 或 ESLint，在保存时自动格式化并软折行（如设置 printWidth: 80）
• 选中一段文字后，标尺线仍可见，方便快速判断是否超出推荐长度

基本上就这些。标尺是个小功能，但对写干净、易 Review 的代码挺有帮助，尤其在协作或写文档注释时。