Add vertical rulers in VS Code
Question:
How to add vertical rulers in VS Code? Answer:
"editor.rulers": [80,120]
// Or with colors
"editor.rulers": [
{ "column": 80, "color": "#555555" },
{ "column": 120, "color": "#ff0000" },
]
Description:
Vertical rulers or guides help to follow coding conventions related to line length. Visual Studio Code supports rulers, and you can even set multiple rulers with different colors.
File -> Preferences -> Settings -> Text Editor -> Rulers click the Edit in settings.json and list all positions where you want a ruler to be displayed:
"editor.rulers": [80,120]
If you want to define different colors for each ruler you can do this as well.
Reference:
VS Code settings reference
Share "How to add vertical rulers in VS Code?"
Related snippets:
- Fix: Prettier stopped working in VS Code
- Split editor window in VS Code
- Change default terminal in VS Code
- Wrap selection with tag in VS Code
- Edit multiple lines at once in VS Code
- Make text uppercase in VS Code
- Associate file type in VS Code
- Change syntax highlighting in VS Code
- Search for file in VS Code
- Add vertical rulers in VS Code
- Change indentation in VS Code
- Collapse code blocks in VS Code
- Open files always in a new tab in VS Code
- Delete line without selection in VS Code
- Jump to closing bracket in VS Code
- Select all occurrences of selected word in VS Code
- Change font size in VS Code
- Toggle minimap in VS Code
- Change colors in VS Code integrated terminal
- Change file encoding in VS Code
- Disable tooltip in VS Code
- Move the sidebar panel to the right in VS Code
- Export VS Code extensions
- Toggle word wrap in VS Code
- Exclude folders from search in VS Code
- Get multiple cursors in VS Code
- Show hidden characters in VS Code
- Remove trailing spaces in VS Code
- Go back to last edited position in VS Code
- Switch between terminal and editor in VS Code
- Open VS Code with the current folder from terminal
- Navigate back to last cursor position in VS Code
- Change terminal font size in VS Code
- Duplicate line or selection in VS Code
- Format code in VS Code
- Compare two files in VS Code
- Comment out multiple lines in VSCode
- Go to line in VS Code
- Move line up or down in VS Code
Tags:
add, ruler, guide, color, vs code, visual studio code Technical term:
Add vertical rulers in VS Code