I am getting the linting error in my code 'import' is only available in ES6 (use 'esversion: 6').
Everything es6 related is throwing an error. Not sure what I have to configure to get it to work.
Add a file named .jshintrc
to your project and inside this file type this:
{
"esversion": 6
}
As you can see it here:
The full documentation of jshint
options are found here: http://jshint.com/docs/options
"jshint.options": { "esversion": 6 }
Don't forget the comma on the previous line!
~/settings.json
in my experience. Project level settings won't affect it. It is absurd this isn't the default. It is really hard to find out how to fix this and in the meantime the user experience with javascript in VS Code is hostile. Super annoying. It should support ES6+ by default. Why wouldn't it?
Edit: I've added a way to enable es6 if you use ESLint instead of JSHint as well as updating the screenshots since VSCode has changed since my original answer.
If you are using JSHint, you can add the following to your settings:
"jshint.options":{
"esversion":6
}
If you are using ESLint, you can add the following to your settings:
"eslint.options": {
"env":{
"es6":true
},
"parserOptions": {
"ecmaVersion": 6 // or 7,8,9
}
}
ESLint Configuration Documentation
Neither JSHint or ESLint are enabled in a fresh version of VS Code, so you'll need to install the extension(s) by going to extensions and then searching for your preferred linter.
In VS Code, head to settings
Note that there are two sections where you can customize your settings, User Settings and Workspace Settings
User Settings Is where you should apply any global settings you will want for any project you will ever work on.
Workspace Settings Is where you can make settings changes that should only be applied to your current project.
In my case, since I know that only some of my projects can use ES6, I need to have the error hinting to warn me if I'm using ES6 my non-ES6 projects...so I set this only to my Workspace Settings
But, if you know that anything you code in VS Code is going to be an ES6, project, then save a step, and add it to your user settings.
JSHint
ESLint
"jshint.options":{ "esversion":6 }
May 31, 2021 at 11:21
You can add "esversion": 6
to "jshint.options"
in the user settings.
{
"jshint.options": {
"esversion": 6
}
}
"jshint.config": "",
just add "jshint.options": { "esversion": 6 }
afterwards do not confuse.
Just to round out the excellent suggestions already submitted, you can also set this on a file by file basis by added this escaped line (and similar for other jshint settings) to the top of your file.
// jshint esversion:6
Actually you can add it anywhere, but it only effects subsequent code, allowing you to flip settings on and off if you're desperate to do something weird.
Make sure, you do the above configurations with the json but also remove/disable the jshint
extension for workspace if you're using eslint
and vice versa.,