web-dev-qa-db-ja.com

簡単なJSLint問題を自動的に修正するツールはありますか?

かなり長いファイルで初めてJSLintを実行しましたが、expected exactly 1 space between "function" and "("unexpected ' 'などのエラーがたくさんあります。これがjavascriptについて学んだすべての場所で重要であることをまったく理解していなかったので、これらのかなり単純なものを手作業で修正するのはイライラしているようです。簡単な検索と置換で理解できるものもありますが、これらの変更は非常に簡単なように見えるので、これらの変更を自動的に行うツールがオンラインにあるかどうか疑問に思いましたか?

(私は自分のファイルに/*jslint white: false */があり、 Netbeans と自動フォーマットで開発しています(ただし、正しく実行されないため、ハングしているjQueryチェーンを修正する必要があります)。それでも、jslintが予期しない数のスペースについて不平を言う非常に多くのことになります。)

31
Damon

デイモン、 Prettier はおそらく、あなたがやりたいことすべてを、苦痛のないjavascriptコードのフォーマットに対して行うでしょう。コードをASTに変換し、それをファイルにきれいに印刷して、進むにつれて自動的にフォーマットされます。プリコミットフックとして追加したり、フォルダーで実行することもできます。ファイルがいっぱい(かなりすぐに!)なので、コードベース全体がすぐにきれいになります。

これはReactConfからのビデオで、かなりよく説明されています

0
Damon

JSLintとは異なるものをチェックしますが、 Googleクロージャーlinterfixjsstyleモードは、あなたが望むことをするかもしれません。

これは、コードを自動的に(より厳密に) Google JavaScriptスタイルガイド に合わせて修正します。

他の人が指摘したように、 Javascript beautifier はスペースの問題を解決する方法です。

17
Timothy Jones

fixmyjs と呼ばれるnpmモジュールがあります。

JSHintを使用した「レガシーモード」の場合:

var jshint = require('jshint').JSHINT
    var fixmyjs = require('fixmyjs')
    jshint(stringOfCode, objectOfOptions)
    var stringFixedCode = fixmyjs(jshint.data(), stringOfCode, objectOfOptions).run()

よく働く!

崇高なテキスト2/3パッケージ もあります。

11
timelf123

http://jsbeautifier.org/ はすべての問題を解決するはずです

6
albert

jsfmt JavaScriptをフォーマットし、AST検索と書き換えを許可します。gofmtに似ています。

NetbeansのようないくつかのIDEでは、alt+shift+fを使用してコードを自動的にフォーマットできます。

オンラインのものもあります。 http://jsbeautifier.org/

4
Ilia Choly

単にIDEを使用してください。これは、カスタムコードのフォーマットをサポートしています。NetBeans、WebStorm、またはVisual Studioと同様です。

3
c69

Visual Studioを使用している場合は、JavaScriptのフォーマットも行います。デフォルトからフォーマットオプションを設定する必要がある場合があります。

2
Alexei Levenkov

このようなことを行うためのツールがたくさんあります。私は JS Beautifier を使用します。これにより、少なくともインデントエラーとspace-around-functions-partが修正されます(私はテストしました、そうです!)

2
goto-bus-stop