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 不做字形宽度细分)
标尺只对当前用户/工作区生效
这个设置可以全局启用,也可以按项目单独控制:
启科网络商城系统由启科网络技术开发团队完全自主开发,使用国内最流行高效的PHP程序语言,并用小巧的MySql作为数据库服务器,并且使用Smarty引擎来分离网站程序与前端设计代码,让建立的网站可以自由制作个性化的页面。 系统使用标签作为数据调用格式,网站前台开发人员只要简单学习系统标签功能和使用方法,将标签设置在制作的HTML模板中进行对网站数据、内容、信息等的调用,即可建设出美观、个性的网站。
- 写在 用户 settings.json 中 → 所有打开的文件都显示标尺
- 写在工作区根目录的 .vscode/settings.json 中 → 仅对该项目生效
- 不同语言可差异化设置,例如在 settings.json 中用 [javascript] 块限定:
"[javascript]": { "editor.rulers": [80] }
配合自动换行与格式化更实用
标尺本身不折行,但可和其它功能协同提升体验:
- 开启自动换行:
"editor.wordWrap": "on",长行自动折行显示(不影响源码) - 搭配 Prettier 或 ESLint,在保存时自动格式化并软折行(如设置
printWidth: 80) - 选中一段文字后,标尺线仍可见,方便快速判断是否超出推荐长度
基本上就这些。标尺是个小功能,但对写干净、易 Review 的代码挺有帮助,尤其在协作或写文档注释时。









