Es6 ile VS Kodu


106

Kodumda linting hatası alıyorum 'import' is only available in ES6 (use 'esversion: 6').

Es6 ile ilgili her şey bir hata atmaktır. Çalışması için neyi yapılandırmam gerektiğinden emin değilim.

Yanıtlar:


222

.jshintrcProjenize bir dosya ekleyin ve bu dosyanın içine şunu yazın:

{
    "esversion": 6
}

Burada görebileceğiniz gibi:

görüntü açıklamasını buraya girin

jshintSeçeneklerin tam belgeleri burada bulunur: http://jshint.com/docs/options


4
belgeleri arayanlar için jshint.com/docs/options/#esversion .
Jeremy Larter

5
Bu otomatik olarak eklenmelidir.
Xaqron

zaman zaman bu "moz" satırını eklemeniz gerekiyor gibi görünüyor: true
kinsley kajiva

7
Bu benim için işe yaramadı (vscode sürüm 1.37.1, OS X). Uzantı tercihlerine gidin -> settings.json'da Düzenle'yi seçin JSON'a ekleyin: "jshint.options": { "esversion": 6 } Önceki satırdaki virgülü unutmayın!
sijpkes

1
Bunu ekleyebileceğim tek yer ~/settings.jsonbenim deneyimlerimde. Proje düzeyindeki ayarlar onu etkilemez. Saçma, bu varsayılan değil. Bunu nasıl düzelteceğinizi bulmak gerçekten zor ve bu arada VS Code'daki javascript ile kullanıcı deneyimi düşmanca. Süper can sıkıcı. Varsayılan olarak ES6 + 'yı desteklemelidir. Neden olmasın?
rjurney

101

Düzenleme: JSHint yerine ESLint kullanıyorsanız es6'yı etkinleştirmenin yanı sıra, VSCode'un orijinal cevabımdan bu yana değiştiğinden beri ekran görüntülerini güncellemenin bir yolunu ekledim.

JSHint Yöntemi:

JSHint kullanıyorsanız, aşağıdakileri ayarlarınıza ekleyebilirsiniz:

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

ESLint Yöntemi:

ESLint kullanıyorsanız, aşağıdakileri ayarlarınıza ekleyebilirsiniz:

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

ESLint Yapılandırma Belgeleri

Ayarlar nasıl güncellenir

  1. Yeni VS Code sürümünde ne JSHint ne de ESLint etkinleştirilmemiştir, bu nedenle uzantılara gidip tercih ettiğiniz linter'i arayarak uzantıları yüklemeniz gerekir.

  2. VS Code'da şuraya gidin: settings

VS Kodu Ayarları

  1. Ayarlar görüntülendiğinde ayarlar bölümlerini göreceksiniz:

Kullanıcı ve Çalışma Alanı Ayarları Sekmeleri

Ayarlarınızı özelleştirebileceğiniz iki bölüm olduğunu unutmayın: Kullanıcı Ayarları ve Çalışma Alanı Ayarları

Kullanıcı Ayarları Üzerinde çalışacağınız herhangi bir proje için isteyeceğiniz genel ayarları uygulamanız gereken yerdir.

Çalışma Alanı Ayarları Yalnızca mevcut projenize uygulanması gereken ayar değişikliklerini yapabileceğiniz yerdir.

Benim durumumda, yalnızca bazı projelerimin ES6 kullanabileceğini bildiğim için, ES6 olmayan projelerimde ES6 kullanıyorsam beni uyaracak bir hataya ihtiyacım var ... bu yüzden bunu sadece Çalışma Alanı Ayarlarım olarak ayarlıyorum

Ancak, VS Code'da kodladığınız herhangi bir şeyin bir ES6 olacağını biliyorsanız, proje, ardından bir adım kaydedin ve kullanıcı ayarlarınıza ekleyin .

  1. Tercihinize bağlı olarak Kullanıcı / Çalışma Alanına tıklayın. JSHint veya ESLint (hangisini kullanırsanız kullanın) arayın. Settings.json'da düzenle bağlantılarından herhangi birine tıklayın, hangisi olduğu önemli değil.

Settings.json'da düzenleyin

  1. JSHint veya ESLint kullanmanıza bağlı olarak ilgili ayarları ekleyin:

JSHint

JSHint Ayarını Ekleme

ESLint

ESLint Ayarını Ekleme


6
Bu, proje dizinlerinde ek bir dosya oluşturmak zorunda olmadığınız için harika bir cevap ve +1 oldu ... Ekran görüntüleri de çok yardımcı oldu, çok teşekkür ederim!
twknab

Ayrıca bu, yeni dosyalar oluşturmak yerine veya yalnızca tek bir çalışma alanında saklanmak yerine, yeni projeler için otomatik olarak yapılabileceği için daha iyidir.
Jan Sila

2
Nedense benim için çalışmıyor. Bunu hem kullanıcı hem de çalışma alanı ayarlarında denedim
LondonGuy

1
Ayrıntılı bir açıklama için çok teşekkür ederim, gerçekten çok yardımcı oldu.
Ketan Ramteke

22

"esversion": 6Kullanıcı ayarlarında jshint.options'a ekleyebilirsiniz .

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

6

Sadece zaten gönderilmiş olan mükemmel önerileri tamamlamak için, bu kaçan satırı (ve diğer jshint ayarları için benzer) dosyanızın üstüne ekleyerek bunu dosya bazında da ayarlayabilirsiniz.

// jshint esversion:6

Aslında onu herhangi bir yere ekleyebilirsiniz, ancak yalnızca sonraki kodu etkiler ve tuhaf bir şey yapmak için çaresizseniz ayarları açıp kapatmanıza izin verir.


0

Yukarıdaki yapılandırmaları json ile yaptığınızdan emin olun, ancak jshintkullanıyorsanız çalışma alanı için uzantıyı kaldırın / devre dışı bırakın eslintve bunun tersi de geçerlidir.


Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.