有没有办法在 vscode 中打开 ES6/ES7语法支持?

编辑3: 从版本0.4.0开始,可以通过向项目文件夹添加一个 jsconfig.json文件来打开 ES6语法,该文件包含以下内容:

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

编辑2: 您可以 投票为这个功能的用户语音


在 VisualStudio 代码中有没有“打开”ES6/ES7的方法?

screenshot

编辑1

试了@sarvesh 的建议-覆盖了 javascript.validate.target并重启了 vscode。

60955 次浏览

Currently, the only way to use ES6 and ES7 features is to use Typescript.

On the other hand, here you can see that there is a feature request for ES6 and ES7

It's quite easy, at the root of your project create a jsconfig.json file and write this object in it:

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

Otherwise you can use ESLint to highlight ES7 error (using babel parser or others): VSCode Linter ES6 ES7 Babel linter

Adding to the above answers...

As per Docs of VS Code..

Make sure that you place the jsconfig.json at the root of your JavaScript project and not just at the root of your workspace. Below is a jsconfig.json file which defines the JavaScript target to be ES6 and the exclude attribute excludes the node_modules folder.

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

Here is an example with an explicit files attribute.

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

The files attribute cannot be used in conjunction with the exclude attribute. If both are specified, the files attribute takes precedence.

also try editing the "target" property in tsconfig.json

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

Alternatively you can use Flow instead of Typescript, which is much easier to setup and migrate to. I wrote a small article on how to setup Flow with VS Code.

This link helped a lot. Adding the jsconfig.json file to the the project didn't help much or rather it's not the best solution. Go to file > preferences > settings. In the settings.json file add this line:

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

Also you can also enable this setting for the entire project by creating a .jshintrc file in your project's root and adding this content.

{
"esversion": 6
}

As of this date and according to the ESLint docs on the VSCode Marketplace, including a .eslintrc configuration file in the root of the project enables ES6 linting in the ESLint VSCode extension.

My .eslintrc config file looks like this:

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

I have eslint installed via npm in node_modules and all I know is that with .eslintrc in the project root folder ES6 linting works and without it, it doesn't.

Hope this helps...

To be more convenient. Set jsconfig.json in your folder.

{
"compilerOptions": {
"target": "esnext"
}
}