1 way to add vertical rulers in Visual Studio Code

Problem:

How do I add vertical rulers in Visual Studio Code's editor views?

I want to add standard guide rulers at the 80 and 120 character columns.

Solution:

In VSCode 0.10.10 or newer:

1. Open Settings
   (Windows: File→Preferences→Settings; OS X/MacOS: Code→Preferences→Settings)
   
2. Search for "editor.rulers", then select to edit
   
3. Add the number of columns the rulers should be at. For example, the classic standards of 80 characters and 120 characters are shown below:
   
4. You should now see vertical rulers in your editor if done correctly and if your Visual Studio Code version is compatible. For older versions, restarting VSCode may be required to see the change.
   

Notes:

The solution above was tested to work on Visual Studio Code 1.44.0. Your results may vary in other versions.

References:

• https://code.visualstudio.com/docs/getstarted/settings (search in the page for "editor.rulers")
• For even more answers, customizations, and suggestions have a look at the answers in this Stack Overflow question

Meteor VSCode esversion 6 jslint error

Problem:

When using Visual Studio Code to edit my Meteor project, I keep seeing the error:

'import' is only available in ES6 (use 'esversion: 6'). (W119) jshint(W119)

For example:

Workaround:

• To hide the jshint errors: in the main folder of your Meteor project, if the file named ".jshintrc" does not exist then add it
• In this .jshintrc file, add the following text:

  {
      "esversion": 6
  }
  

You may need to close and reopen the project in VSCode. If the workaround is successful, you should no longer see the esversion 6 error.

Notes:

This workaround was verified to help remove the jslint errors while using Visual Studio Code version 1.43.1 with Meteor 1.10.1. Your results may vary given different versions. Please also note that this workaround hides the jshint error from being highlighted, but it won't fix compilation errors if your Meteor project isn't properly setup to compile esversion 6.

References:

https://jshint.com/docs/options/