javascript - Visual Studio Code ES7/JS IntelliSense

Visual Studio Code'u bir React başlangıç kiti projesindeki dosyaları düzenlemek için kullanmaya çalışıyorum. React projesi, transpilasyon için Babel kullanıyor, bu yüzden sadece .js dosyalarına sahip ve .ts dosyaları bulunmuyor. VS Code'un bu dosyalar için uygun intellisense sağlamasını istiyorum...yeni async/await JavaScript anahtar kelimeleri dahil.

Şu ana kadar sadece dosyaların uzantısını .js yerine .ts olarak değiştirirsem intellisense düzgün çalışabiliyor, ancak tüm projeyi sadece kişisel araç tercihlerime uydurmak için dönüştürmek istemiyorum.

VS Code'un .js dosyalarını .ts dosyalarıymış gibi davranmasını sağlamak için bir yol var mı... sadece ES7 intellisense için? Bu konuda bir tartışma dizisi gördüm, ama bugün hangi seçeneklerin mevcut olduğunu bilmiyorum. Ayrıca şu şekilde bir tsconfig.json dosyası eklemeyi de denedim:

{
  "compilerOptions": {
    "target": "es6"  //An "es7" option is not yet legal
  },
  "filesGlob": [
    "./**/*.js",
    "!./node_modules/**/*.js"
  ]  
}

Bunun Typescript'i .js dosyalarını kabul etmeye kandıracağını ummuştum, ama şansım yaver gitmedi.

Sonuç olarak, sadece VS Code'da ES7 intellisense'e sahip olmak istiyorum. Bunu başarmanın tamamen farklı bir yolu varsa, bu da memnuniyetle karşılanır. Bu konuda, ES7 Javascript için intellisense'in eşdeğerini sağlayan VS Code'a alternatif bir şey varsa, bunu da öğrenmek isterim.

Cevap #1

Visual Studio Kodu

  • VSCode filesGlob özelliğini desteklemiyor. Şu anda bu sadece atom-ts'e özel bir şey.
  • .js dosyalarını kullanmak için allowJs'yi etkinleştirmeniz gerekir

Çözüm

tsconfig.json:

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

Not: Target es6 size tüm en son özellikleri (herhangi bir es7 özellikleri dahil) verir http://json.schemastore.org/tsconfig

İlgili makaleler