ctrl+shift+p filters: :st2 :st3 :win :osx :linux
Browse

Sublime​Linter-jsxhint

by SublimeLinter ST3

SublimeLinter 3 plugin for JSX (React.js), using jsxhint.

Details

Installs

  • Total 60K
  • Win 23K
  • OS X 29K
  • Linux 8K
Jun 27 Jun 26 Jun 25 Jun 24 Jun 23 Jun 22 Jun 21 Jun 20 Jun 19 Jun 18 Jun 17 Jun 16 Jun 15 Jun 14 Jun 13 Jun 12 Jun 11 Jun 10 Jun 9 Jun 8 Jun 7 Jun 6 Jun 5 Jun 4 Jun 3 Jun 2 Jun 1 May 31 May 30 May 29 May 28 May 27 May 26 May 25 May 24 May 23 May 22 May 21 May 20 May 19 May 18 May 17 May 16 May 15 May 14 May 13
Windows 21 43 20 17 41 37 40 42 33 15 27 39 32 43 45 43 21 22 30 47 31 40 41 27 20 29 39 36 32 36 26 27 44 38 38 45 37 20 26 42 39 51 45 40 18 20
OS X 22 37 23 19 53 34 42 34 45 15 11 31 38 35 48 34 18 25 28 39 42 48 39 15 18 37 47 44 46 21 15 16 32 44 48 38 30 16 19 26 41 40 32 57 16 24
Linux 7 13 4 8 11 14 16 10 10 7 16 7 8 7 9 10 4 4 16 18 15 11 8 8 4 12 23 21 11 8 7 6 14 16 13 14 16 8 10 11 8 13 15 17 7 7

Readme

Source
raw.​githubusercontent.​com

SublimeLinter-jsxhint

Deprecation

Use ESLint and SublimeLinter-ESLint instead, which gives better errors and has fewer problems with ES6.

JSXHint has been deprecated.


Build Status

This linter plugin for SublimeLinter provides an interface to jsxhint. It will be used with files that have the “JSX” syntax.

JSX is a JavaScript XML syntax transform intended for use with React.js.

Installation

SublimeLinter 3 must be installed in order to use this plugin. If SublimeLinter 3 is not installed, please follow the instructions here.

Linter installation

Before using this plugin, you must ensure that jsxhint is installed on your system. To install jsxhint, do the following:

  1. Install Node.js (and npm on Linux).

  2. Install jsxhint by typing the following in a terminal:

npm install -g jsxhint
  1. Install a JSX syntax file. A syntax file is no longer included in this repo. Supported syntaxes are:

Linter configuration

In order for jsxhint to be executed by SublimeLinter, you must ensure that its path is available to SublimeLinter. Before going any further, please read and follow the steps in “Finding a linter executable” through “Validating your PATH” in the documentation.

Once jsxhint is installed and configured, you can proceed to install the SublimeLinter-jsxhint plugin if it is not yet installed.

Plugin installation

Please use Package Control to install the linter plugin. This will ensure that the plugin will be updated when new versions are available. If you want to install from source so you can modify the source code, you probably know what you are doing so we won’t cover that here.

To install via Package Control, do the following:

  1. Within Sublime Text, bring up the Command Palette and type install. Among the commands you should see Package Control: Install Package. If that command is not highlighted, use the keyboard or mouse to select it. There will be a pause of a few seconds while Package Control fetches the list of available plugins.

  2. When the plugin list appears, type jsxhint. Among the entries you should see SublimeLinter-jsxhint. If that entry is not highlighted, use the keyboard or mouse to select it.

Settings

For general information on how SublimeLinter works with settings, please see Settings. For information on generic linter settings, please see Linter Settings.

You can configure jsxhint options in the way you would from the command line, with .jshintrc files. For more information, see the jshint docs. The linter plugin does this by searching for a .jshintrc file itself, just as jsxhint does from the command line. You may provide a custom config file by setting the linter’s "args" setting to ["--config", "/path/to/file"]. On Windows, be sure to double the backslashes in the path, for example ["--config", "C:\\Users\\Aparajita\\jshint.conf"].

The path to the .jshintrc file is cached, meaning if you create a new .jshintrc that should have precedence over the previous one (meaning it is closer to the .js file) you need to clear the cache for the linter to use the new .jshintrc You can clear the cache by going to: Tools > SublimeLinter > Clear Caches.

You may want to provide separate linter settings for jsxhint vs jshint. To do that, use the option config_filename.

For example, you could put this configuration in .sublimelinterrc, or in your User settings for SublimeLinter:

{
    "linters": {
        "jsxhint": {
            "config_filename": ".jsxhintrc"
        }
    }
}

Troubleshooting

  • JSXHint is not linting!
    • Ensure you are using an appropriate syntax definition for the file you are editing. It must be a JSX-specific syntax so that SublimeLinter knows to use this package.
    • View the Sublime Text console by pressing ctrl-tilde. If you open an issue, please include this output.

Contributing

If you would like to contribute enhancements or fixes, please do the following:

  1. Fork the plugin repository.
  2. Hack on a separate topic branch created from the latest master.
  3. Commit and push the topic branch.
  4. Make a pull request.
  5. Be patient. ;-)

Please note that modications should follow these coding guidelines:

  • Indent is 4 spaces.
  • Code should pass flake8 and pep257 linters.
  • Vertical whitespace helps readability, don’t be afraid to use it.

Thank you for helping out!