vscodeでES6 / ES7構文サポートをオンにする方法はありますか?


103

編集3:バージョン0.4.0以降jsconfig.jsonでは、次の内容のファイルをプロジェクトフォルダーに追加することにより、ES6構文をオンにすることができます。

{
    "compilerOptions": {
        "target": "ES6"
    }
}

編集2:ユーザーの声でこの機能に投票できます


Visual Studio CodeでES6 / ES7を「オン」にする方法はありますか?

スクリーンショット

編集1

@sarveshの提案を試して、vscodeを上書きjavascript.validate.targetして再起動しました。助けにはならなかった。


3
質問を編集するのではなく、回答として回答していただけませんか。
Jeroen Vannevel 2015年

回答:


28

現在、ES6とES7を使用するための唯一の方法は、使用するのが備えられています活字体を

一方、ここでは、ES6およびES7の機能リクエストがあることがわかります。


1
アップデート:ES6は2015年7月から利用可能になるルックス- visualstudio.uservoice.com/forums/293070-visual-studio-code/...
ToddSmithSalter

なかなかいい感じです。それでも、一般的に行うべき作業があります。
mzdv 2015

2
最新バージョン0.8.0を使用していますが、ファットアロー関数のエラーカラーリングが表示されます...なぜですか?
vanthome 2015

@vanthome es6で書き込むファイル配列を指定する必要があります。リンクを確認してください:code.visualstudio.com/Docs/languages/javascript
TlonXP

@TionXPとはどういう意味jsconfig.jsonですか?まあ、私はそれを試しませんでしたが、グローバルに有効にするとこれが機能することを期待しています。ES6を使用することをファイルごとにVSCodeに伝えたくありません。
-vanthome

58

とても簡単です。プロジェクトのルートでjsconfig.jsonファイルを作成し、その中にこのオブジェクトを書き込みます。

{
    "compilerOptions": {
        "target": "ES6",
        "module": "commonjs"
    }
}

ありがとうございます。どうやら彼らはこの夏vscodeにこれを含めました:blogs.msdn.com/b/vscode/archive/2015/07/06/vs-code-es6.aspxしたがって、上記の答えはもはや正しくありません。
トム

9
"experimentalDecorators": truees7デコレータの追加
Hughes

ES6インポートについてはどうですか?デバッグ/ブレークポイントは機能しますか?で動作しないようです"module": "es2015"
arve0 2016年

これは私にはうまくいきません。私はこの問題を抱えています。stackoverflow.com/ questions / 35110019
ジャックブランク

43

このリンクは大いに役立ちました。jsconfig.jsonファイルをプロジェクトに追加してもあまり効果がなかったか、最適な解決策ではありませんでした。[ファイル]> [設定]> [設定]に移動します。settings.jsonファイルに次の行を追加します。

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

5

上記の回答に追加しています...

VSコードのドキュメントに従って。

あなたが置かれていることを確認したルートでjsconfig.jsonを自分のワークスペースのルートにJavaScriptのプロジェクトのとではありません。以下は、JavaScriptターゲットをES6として定義するjsconfig.jsonファイルであり、exclude属性はnode_modulesフォルダーを除外します。

{
    "compilerOptions": {
        "target": "ES6"
    },
    "exclude": [
        "node_modules"
    ]
}

明示的なファイル属性の例を次に示します。

{
    "compilerOptions": {
        "target": "ES6"
    },
    "files": [
        "src/app.js"
    ]
}

files属性をexclude属性と一緒に使用することはできません。両方を指定した場合、files属性が優先されます。

また、tsconfig.jsonの「target」プロパティを編集してみてください

{
  "compilerOptions": {
    "target": "es5",//es6
    "module": "system",
    "moduleResolution": "node",
    "sourceMap": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "removeComments": false,
    "noImplicitAny": false
  },
  "exclude": [
    "node_modules",
    "typings/main",
    "typings/main.d.ts"
  ]
}

「ワークスペースのルートだけでなく、JavaScriptプロジェクトのルートでも」とはどういう意味ですか?
Jared Christensen

なぜvsコードは単に拾うことができないの.babelrcですか?なぜすべての設定が重複しているのですか?grumbl
Stijn de Witt



0

この日付以降、VSCode MarketplaceのESLintドキュメントに従って、プロジェクトのルートに.eslintrc構成ファイルを含めると、ESLint VSCode拡張機能でES6リンティングが有効になります。

私の.eslintrc構成ファイルは次のようになります。

extends:
  - standard
parser: babel-eslint
rules:
  object-curly-spacing: [ error, always ]
  react/prop-types: off
  space-before-function-paren: off

私はeslintをnpmを介してnode_modulesにインストールしていますが、プロジェクトのルートフォルダーに.eslintrcを使用すると、ES6リンティングが機能し、それがないと機能しません。

お役に立てれば...

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