Visual Studio Code ES7/JS Intellisense

Question

我正在尝试使用Visual Studio Code编辑react starter kit项目中的文件。React项目使用Babel进行转译，因此只有.js文件而不是.ts文件。我希望VS Code能够为这些文件提供适当的智能提示...包括新的async/await JavaScript关键字。

到目前为止，只有在将文件扩展名从.js更改为.ts时，我才能使智能提示正常工作，但我不想为了适应个人工具选择而转换整个项目。

有没有办法让VS Code将.js文件视为.ts文件...仅仅为了ES7智能提示？我看到了一个关于此问题的讨论线程，但我不确定今天有哪些选项可用。我还尝试添加了一个类似于以下内容的tsconfig.json文件：

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

我希望这样可以欺骗Typescript承认.js文件，但没有成功。

最终，我只想在VS Code中拥有ES7智能感知。如果有完全不同的方法来实现这一点，那也是受欢迎的。另外，如果有替代VS Code提供ES7 Javascript智能感知等效的工具，我也很感兴趣了解。

- Brent Arias

---

https://github.com/Microsoft/nodejstools/wiki/ES6-IntelliSense-Preview-in-NTVS-1.1 - epascarello

@epascarello：太酷了！有没有办法在“Visual Studio Code”上启用此功能？或者这只是“Visual Studio”的选项？此外，在“Visual Studio”的上下文中，看起来我需要先创建一个“.njsproj”或“.jsproj”文件，然后才能开始... - Brent Arias

Answer 1

Visual Studio Code

• VSCode不支持filesGlob。目前这只是atom-ts的特性。
• 要使用.js文件，您需要启用allowJs

解决方案

tsconfig.json:

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

注意：目标 es6 可以为您提供所有最新的功能（包括任何 es7 的功能）http://json.schemastore.org/tsconfig

- basarat