VSCode vertical rulers setup

If you like the vertical rulers showing the column limit of the 80, 100, 120, or whatever you like to have, it’s super easy to seetu pin VSCode, apparently – no extensions needed.

Just an easy setting:

"eslint.codeActionsOnSave.rules": null,
"editor.rulers": [
    80,
    120
],
"workbench.colorCustomizations": {
    "editorRuler.foreground": "#ffffff11"
}

In this case, rulers will be drawn at column 80 and 120, which can be helpful when following specific coding conventions or when trying to prevent lines of code from becoming too long.

Here, the color of the ruler lines is being customized to be a semi-transparent white color (#ffffff) with an opacity of 0.11 (11%). This could be useful to make the ruler lines less distracting or to make them stand out more against a dark background.