vscode で eslint 開発環境を構築する方法についての簡単な説明

この記事では、vscode に基づいて eslint 開発環境を構築する方法を説明します。特定の参考値があります。困っている友達が参照できます。皆さんのお役に立てば幸いです。

[推奨学習: "vscode チュートリアル##] #"]

基本環境:

• vscode v1.0.0

• eslint v2.8.0

• mac

vscode をまだお持ちでない場合は、

ここから

# からダウンロードできます。 ## vscode をインストールするには 必要な eslint プラグイン

プラグインのアドレスは

ここです

##コマンドをコピーし、 vscode のショートカット バー、コマンド p、貼り付け、vscode を使用すると、プラグインが自動的にダウンロードされます。プラグインのダウンロード後、プラグインを実行するために vscode を再起動するように求められます。

インストールが完了したら、ターミナルを開いてプロジェクトを作成します。

mkdir vsc-demo && cd vsc-demo

新しいファイル

touch app.js

vscodeを開いてコードを書いてみましょう

var num = 1;

const array = []

vscode は現在キーワード const を認識していないようです。

さあ、グローバル eslint をインストールしましょう

開くターミナルに入力して

npm install eslint -g

インストール後、バージョンを表示できます

eslint --v

// v2.8.0

eslint を使用してルールを作成します

eslint --init

標準の eslint ルールを選択しました

その後、vscode を再起動しました

その後、さらにエラーがあることがわかりました。パニックにならないでください。エラーが何であるかを見てみましょう:

1 と 3 は両方とも、変数が定義されているが使用されていないことを示すプロンプトを表示します。2 つ目は、余分なセミコロンを追加したことを示すプロンプトを表示します。コードを変更しましょう

#OK、eslint は vscode 環境で正常に動作し、es6 構文をサポートするようになりました。

プログラミング関連の知識について詳しくは、

プログラミング ビデオ

をご覧ください。 ！

以上がvscode で eslint 開発環境を構築する方法についての簡単な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。