Vscode'da ES6 / ES7 sözdizimi desteğini açmanın bir yolu var mı?

Düzenleme 3: 0.4.0 sürümünden başlayarak, ES6 sözdizimi jsconfig.json, proje klasörüne aşağıdaki içeriğe sahip bir dosya eklenerek açılabilir :

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

Düzenleme 2: Bu özelliğe kullanıcı sesiyle oy verebilirsiniz

Visual Studio Code'da ES6 / ES7'yi "açmanın" bir yolu var mı?

Düzenle 1

@ Sarvesh'in önerisi geçersiz javascript.validate.targetkılındı ​​ve vscode yeniden başlatıldı. Yardımcı olmadı.

Şu anda, tek yol ES6 kullanmak ve ES7 kullanmaktır özellikleri typescript .

Öte yandan, burada ES6 ve ES7 için bir özellik talebi olduğunu görebilirsiniz.

Oldukça kolaydır, projenizin kökünde bir jsconfig.json dosyası oluşturun ve bu nesneyi içine yazın:

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

Bu bağlantı çok yardımcı oldu. Jsconfig.json dosyasını projeye eklemek çok yardımcı olmadı ya da en iyi çözüm değil. Dosya> tercihler> ayarlara gidin. Settings.json dosyasında şu satırı ekleyin:

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

Yukarıdaki cevaplara ekleniyor ...

Docs of VS Code'a göre ..

Jsconfig.json dosyasını yalnızca çalışma alanınızın köküne değil, JavaScript projenizin köküne yerleştirdiğinizden emin olun . Aşağıda, JavaScript hedefini ES6 olarak tanımlayan ve dışlama özniteliği node_modules klasörünü hariç tutan bir jsconfig.json dosyası bulunmaktadır.

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

Burada açık bir files özniteliğine sahip bir örnek verilmiştir.

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

Files özniteliği dışlama özniteliğiyle birlikte kullanılamaz. Her ikisi de belirtilirse, files özniteliği öncelikli olur.

tsconfig.json içindeki "target" özelliğini düzenlemeyi de deneyin

{
  "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"
  ]
}

Aksi takdirde, ES7 hatasını vurgulamak için ESLint'i kullanabilirsiniz (babel ayrıştırıcı veya diğerlerini kullanarak): VSCode Linter ES6 ES7 Babel linter

Alternatif olarak, kurulumu ve geçişi çok daha kolay olan Typescript yerine Flow'u kullanabilirsiniz. VS Code ile Flow'un nasıl kurulacağına dair küçük bir makale yazdım .

Bu tarihten itibaren ve VSCode Marketplace'teki ESLint belgelerine göre , projenin kökünde bir .eslintrc yapılandırma dosyası da dahil olmak üzere ESLint VSCode uzantısında ES6 linting'i etkinleştirir.

.Eslintrc yapılandırma dosyam şöyle görünüyor:

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

Node_modules'de npm aracılığıyla eslint yükledim ve tek bildiğim ES6 linting proje kök klasöründeki .eslintrc ile çalışıyor ve onsuz çalışmıyor.

Bu yardımcı olur umarım...