javascript - Visual Studio Code ES7/JS Intellisense

Jag försöker använda Visual Studio Code för att redigera filer i ett React starter kit-projekt. React-projektet använder Babel för transpiling, och därför har det endast .js-filer istället för .ts-filer. Jag skulle vilja att VS Code erbjuder korrekt intellisense för dessa filer...inklusive nya async/await Javascript-nyckelord.

Hittills kan jag bara få intellisense att fungera korrekt om jag byter filändelse från .js till .ts, men jag vill inte konvertera hela projektet bara för att passa mina personliga verktygsval.

Finns det ett sätt att få VS Code att behandla .js-filer som om de vore .ts-filer... enbart för att få ES7-intellisense? Jag såg en diskussionstråd om detta, men jag är inte säker på vilka alternativ som finns idag. Jag försökte också lägga till en tsconfig.json-fil som ser ut så här:

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

Jag hoppades att detta skulle lura Typescript att känna igen .js-filer, men ingen tur.

I slutändan skulle jag bara vilja ha ES7-intellisense i VS Code. Om det finns ett helt annat sätt att uppnå detta, skulle det också vara välkommet. För den delen, om det finns ett alternativ till VS Code som erbjuder motsvarigheten till intellisense för ES7 Javascript, är jag också intresserad av att veta om det.

Svar #1

Visual Studio Code

  • VSCode stöder inte filesGlob. Det är en sak som bara fungerar i atom-ts för tillfället.
  • För att använda .js-filer behöver du aktivera allowJs

Lösning

tsconfig.json:

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

Obs: Target es6 ger dig alla senaste funktioner (inklusive eventuella es7) http://json.schemastore.org/tsconfig

Relaterade artiklar