ホームページ > ウェブフロントエンド > jsチュートリアル > ノードデバッグツール JSHint_javascript のインストールと設定のチュートリアル

ノードデバッグツール JSHint_javascript のインストールと設定のチュートリアル

WBOY
リリース: 2016-05-16 16:46:37
オリジナル
1668 人が閲覧しました

ここで、Node での単純なエラーをチェックするための JS コード検証ツール、JSHint を紹介します。

JSHint の詳しい紹介は http://www.jshint.com/about/ を参照してください。 端的に言えば、JSHint は JS コードが標準化されているかどうかを確認するために使用できます。 JS コードの標準化 (サーバー側とクライアント側を含む)。これは構成メソッドを提供し、開発者がどの仕様エラーをチェックするかを定義できるようにします。これは開発者にとって大きな利便性をもたらします。なぜなら、開発プロセス中、特にチーム開発中には、仕様への非準拠や、未定義の関数やパラメータの使用などの一般的なテキスト エラーによって引き起こされるさまざまな問題が頻繁に発生するためです。

1. JSHintをインストールします。

cmd コマンド ウィンドウを開き、次のコマンドを入力します:

コードをコピー コードは次のとおりです。

npm install -g jshint //-g
をグローバルに使用することを意味します

注: npm が内部コマンドでも外部コマンドでもないと表示される場合は、おそらく、node または npm がインストールされていないことが原因です。具体的なインストール プロセスについては、http://dailyjs.com/2012/05/03/windows-and-node-1/ を参照してください。

2. JSHint を実行します。

cmd コマンド ウィンドウを開き、cd を使用して対応するアプリケーション ディレクトリに切り替え、次のコマンドを入力します:

コードをコピー コードは次のとおりです:

jshint my_app.js

注: my_app.js は、検証またはチェックするファイルです。

3. JSHintを設定します。

JSHint は、チームや趣味に応じて検証ルールを定義できる構成メソッドを提供します。デフォルトのルール ファイルは https://github.com/jshint/node-jshint/blob/master/.jshintrc からコピーできます。

方法 1: コピーしたルール ファイルに .jshintrc ファイルという名前を付け、そのファイルを対応するディレクトリまたは親ディレクトリに配置すると、このルール ファイルは JSHint の実行時に自動的に取得され、使用されます。

方法 2: ルール ファイルにルールに準拠した名前を付けていない場合 (つまり、.jshintrc を使用)、JSHint の実行時にルール ファイルを手動で指定できます。たとえば、ルール ファイルに jshint という名前を付けます。 .json。次に、次のコマンドを使用して JSHint を実行し、ルールを適用できます:

コードをコピー コードは次のとおりです。

jshint my_app.js --config /root /application/ jshint.json //ルールファイルのパスを指定

4. 設定ファイルのルール。

設定ファイルには、セミコロンの一般的な使用、クラス コンストラクター関数の最初の文字の大文字化など、多くのルールがあります。個別のルールについては改めて説明しません。http://www.jshint.com/docs/ を参照してください。

JSHint ツールを使用すると、JS コード内の多くの一般的なエラーや誤って間違ったコードがチェックされます。もちろん、JSHint はすべてのエラーを検出できるほど強力ではありません。ただし、Node で使用できるデバッグ ツールは他にもいくつかありますので、今回は JSHint のみを紹介します。

上記は私の個人的な意見です、間違いがあればご指摘ください。交換や議論を歓迎します。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート