How do you enable linting on other file extensions than .js? about vscode-eslint HOT 4 CLOSED

VSCode only supports JSX syntax on files with .jsx extension,

Not anymore ::-): if you enable Salsa, please see the release notes https://code.visualstudio.com/Updates#_javascript-salsa-preview

You can still use eslint for linting. The vscode-eslint extension supports linting of .jsx files. You need to do is to enable the rule in the .eslintrc

{
    "ecmaFeatures": {
        "jsx": true,
        ...
    }
    ...
}

from vscode-eslint.

Here is my .eslintrc

{
  "extends": "airbnb",

  "rules": {
    "prefer-template": 0
  },
  "plugins": ["react"],

  "ecmaFeatures": {
    "jsx": true
  }
}

I still don't get any linting on jsx files, and the documentation for the js-is-jsx extension states that

Notice when you install this extension you will
loose all the existing language support provided for .js 

Which is not really what I am after, I guess it's not possible at the moment

from vscode-eslint.

Notice when you install this extension you will loose all the existing language support provided for .js

This is no longer the case when you enable Salsa. Salsa understands jsx constructs in the .js files as described in the release notes (not sure how I can make this more clear than it is written now). When you enable Salsa all the js-is-jsx extension does is to enable the jsx coloring for js files. I will update the description of js-is-jsx. Thanks for pointing this out.

I will verify the eslint later, but in the implementation of vscode-eslint the javascriptReact language mode is enabled.

from vscode-eslint.

Ah I see, thank you for explaining. I will try out Salsa.

from vscode-eslint.