es6を使用したVSコード


104

コードでリンティングエラーが発生する 'import' is only available in ES6 (use 'esversion: 6').

es6関連のすべてがエラーをスローしています。それを機能させるために何を設定する必要があるのか​​わかりません。

回答:


216

という名前のファイル.jshintrcをプロジェクトに追加し、このファイル内に次のように入力します。

{
    "esversion": 6
}

あなたがそれをここで見ることができるように:

ここに画像の説明を入力してください

jshintオプションの完全なドキュメントはここにあります:http : //jshint.com/docs/options



5
これは自動的に追加されます。
Xaqron 2017

時々、この行を追加する必要があるようです "moz":true
kinsley kajiva

6
これは私にはうまくいきませんでした(vscodeバージョン1.37.1、OS X)。拡張機能の設定に移動します-> settings.jsonで[編集]を選択しますJSONに追加: "jshint.options": { "esversion": 6 } 前の行のカンマを忘れないでください!
sijpkes

1
これを追加する唯一の場所~/settings.jsonは私の経験です。プロジェクトレベルの設定は影響しません。これはデフォルトではありません。これを修正する方法を見つけるのは本当に難しく、その間、VS CodeでのJavaScriptのユーザーエクスペリエンスは敵対的です。超迷惑です。デフォルトでES6 +をサポートする必要があります。なぜでしょうか?
rjurney

94

編集:JSHintの代わりにESLintを使用する場合にes6を有効にする方法を追加し、元の回答からVSCodeが変更されたため、スクリーンショットを更新しました。

JSHintメソッド:

JSHintを使用している場合は、設定に以下を追加できます。

"jshint.options":{
    "esversion":6
}

ESLintメソッド:

ESLintを使用している場合は、設定に以下を追加できます。

"eslint.options": {
    "env":{
        "es6":true
    },
    "parserOptions": {
        "ecmaVersion": 6 // or 7,8,9
    }
}

ESLint構成ドキュメント

設定を更新する方法

  1. VSコードでは、 settings

VSコード設定

  1. 設定が表示されると、設定セクションが表示されます。

ユーザーとワークスペースの設定タブ

設定をカスタマイズできるセクションは2つあります。ユーザー設定ワークスペース設定です。

ユーザー設定ここでは、これから作業するプロジェクトに必要なグローバル設定を適用する必要があります。

ワークスペース設定現在のプロジェクトにのみ適用される設定変更を行うことができる場所です。

私はそれが唯一の私のプロジェクトのいくつかはES6を使用することができます知っているので、私の場合、私はエラーが私が使用している場合は、私を警告するほのめかしている必要がありES6私の非ES6プロジェクト...私は私にこれを設定するので、ワークスペースの設定

ただし、VS CodeでコーディングするものがES6プロジェクトになることがわかっている場合は、ステップを保存して、ユーザー設定に追加します

  1. 好みに応じて、ユーザー/ワークスペースをクリックします。JSHintまたはESLint(どちらを使用しても)を検索します。[ settings.jsonで編集]リンクのいずれかをクリックします。どのリンクでもかまいません。

settings.jsonで編集

  1. JSHintまたはESLintのどちらを使用するかに応じて、関連する設定を追加します。

JSHint

JSHint設定の追加

ESLint

ESLint設定の追加


6
これは素晴らしい答えであり、プロジェクトディレクトリ内に追加のファイルを作成する必要がないことに対する+1です。スクリーンショットも非常に役に立ちます。どうもありがとうございました。
twknab 2018

また、新しいファイルを作成する代わりに、または単一のワークスペース内に保持するだけで、新しいプロジェクトに対して自動的に実行できるため、これも優れています。
Jan Sila

2
どういうわけか私のために働きません。ユーザー設定とワークスペース設定の両方で試してみました
LondonGuy

1
詳しい説明ありがとうございました、本当に助かりました。
Ketan Ramteke

22

"esversion": 6ユーザー設定でjshint.optionsに追加できます。

{
  "jshint.options": {
    "esversion": 6
  }
}

4

すでに提出された優れた提案を締めくくるために、このエスケープ行(および他のjshint設定についても同様)をファイルの先頭に追加して、ファイルごとにこれを設定することもできます。

// jshint esversion:6

実際にはどこにでも追加できますが、それは後続のコードにのみ影響し、奇妙なことをしたい場合に設定をオンまたはオフに切り替えることができます。


0

必ず、jsonを使用して上記の構成を実行しますが、使用しているjshint場合はワークスペースの拡張機能を削除/無効化しますeslint。逆の場合も同様です。


弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.