Javascript code style enforcer or checker

Question

I'm working on a project that uses a specific styleguide for javascript. For instance, an if/else statement would look like this:

if( condition ){
  // Bla bla
}
else {
  // Another bla bla
}

What I'm looking for is a tool that would allow me to check the syntax of a file according to a specific styleguide. JSHint/JSLint don't focus on style, Closure Linter is not customizable, and Uncrustify reformats the file without warning (and doesn't officially support Javascript).

The best output I could get with this program would be the one from Closure Linter but with custom rules. Answers to this similar question were all wrong.

Does such a tool exist?

I thought JSLint was mainly about style, although not the style shown in your example — user2264587, Apr 16 '13 at 07:40

score 10 · Accepted Answer · edited Aug 30 '14 at 14:43

If you're still looking for an answer, you could try a project called jscs.
You can customize how your code should look like in almost any aspect, and those which you can't yet are being developed (function argument spacing, for example).

Everything is customizable via a .jscsrc file; the following is an example of one of my projects using it:

{
    "requireCurlyBraces":                   [ "if", "else", "for", "while", "do", "switch" ],
    "requireSpaceAfterKeywords":            [ "if", "else", "for", "while", "do", "switch" ],
    "disallowSpaceAfterKeywords":           [],
    "requireSpacesInsideObjectBrackets":    "all",
    "disallowSpaceAfterObjectKeys":         true,
    "disallowImplicitTypeConversion":       [],
    "disallowKeywords":                     [ "with" ],
    // ...
}

If you're using Grunt, feel free to try my own task for jscs - which is grunt-jscs-checker.

BTW, the jQuery team is using jscs :)

Take a look at the edit I've made. Maybe it's something you care about! — gustavohenke, Dec 04 '13 at 01:38
@ankakusu No. They're completely different languages, but who knows, maybe forking jscs...? — gustavohenke, Jan 23 '14 at 18:18

score 1 · Answer 2 · edited May 23 '17 at 11:46

1

It sounds like you're really after a JavaScript beautifier. Checking can be done via "run it over the files and see if they change" backed by version control.

edited May 23 '17 at 11:46

Community

1
1

answered Apr 17 '13 at 20:19

Matthew Strawbridge

19,940
10
72
93

score 0 · Answer 3 · answered Apr 17 '13 at 19:03

There is no tool matching your desires. JSLint is applying the style rules Crockford advices (and enforces), JSHint is more flexible, in that you can choose the rules that better suits your coding style, but is not flexible enough to enforce any kind of style.

Usually, you configure your editor so it helps you indent and do the newlines the same way you like your code to be. And use the linter to watch out where it matters (some whitespacing rules, how to use parens…). The role of the linter is more a guard against stupid mistakes from which your language does not prevent you.

Javascript code style enforcer or checker

3 Answers3