带 es6的 VS 代码

我得到了我的代码 'import' is only available in ES6 (use 'esversion: 6').的 linting 错误

所有与 es6相关的内容都抛出了一个错误。我不确定要配置什么才能让它工作。

68762 次浏览
小开
最佳答案

将名为 .jshintrc的文件添加到项目中，并在该文件中键入以下内容:

{
"esversion": 6
}

正如你在这里看到的:

enter image description here

jshint选项的完整文档可以在这里找到: http://jshint.com/docs/options

小开

可以在用户设置中将 "esversion": 6添加到 "jshint.options"。

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

编辑: 我已经添加了一种方法来启用 es6，如果您使用 ESLint 而不是 JSHint，并更新截图，因为 VSCode 已经改变，因为我的原始答案。

JSHint 方法:

如果使用的是 JSHint，可以在设置中添加以下内容:

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

ESLint 方法:

如果使用的是 ESLint，可以在设置中添加以下内容:

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

ESLint 配置文档

如何更新设置

  1. 在新版本的 VS Code 中都没有启用 JSHint 或 ESLint，因此您需要通过访问扩展并搜索首选行程来安装扩展。

  2. 在 VS 代码中，前往 settings

VS Code Settings

  1. 当设置显示时，你会看到设置部分:

User and Workspace Settings Tabs

请注意，有两个部分您可以自定义您的设置， 用户设置 和 < strong > 工作区设置

用户设置 是您应该应用任何全局设置的地方，您想要的任何项目，您将永远工作。

工作区设置 是您可以进行只应用于当前项目的设置更改的地方。

在我的情况下，因为我知道只有一些项目可以使用 ES6，所以我需要有错误提示来警告我如果我使用 ES6我的非 ES6项目... 所以我只设置为我的 工作区设置

但是，如果您知道您在 VS Code 中编写的任何代码都将是 ES6项目，那么请保存一个步骤，并将其添加到 用户设置中。

  1. 根据您的偏好，单击任一用户/工作区。搜索 JSHint 或 ESLint (以您使用的为准)。点击任何一个 在设置中编辑 json链接，不管是哪一个。

Edit in settings.json

  1. 根据您使用的是 JSHint 还是 ESLint，添加相关的设置:

JSHint

Adding the JSHint Setting

埃斯林特

Adding the ESLint Setting

小开

为了完善已经提交的优秀建议，您还可以通过在文件顶部添加这个转义行(对于其他 jshint 设置也是类似的)来逐个文件地设置它。

// jshint esversion:6

实际上，你可以在任何地方添加它，但它只会影响后续代码，如果你非常想做一些奇怪的事情，它允许你打开或关闭设置。

小开

确保使用 json 执行上述配置，但是如果使用 eslint，则移除/禁用工作区的 jshint扩展，反之亦然,

小开

像这样禁用你的 jshint 扩展:

https://i.stack.imgur.com/mYnM2.png

小开

在代码之前添加下一个提示:

/* jshint esversion: 6 */

例子


提交答案