VS代码与es6

问题描述 投票:61回答:4

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

es6相关的一切都是错误的。不知道我必须配置什么才能让它工作。

visual-studio-code
4个回答
154
投票

将名为.jshintrc的文件添加到项目中,并在此文件中键入:

{
    "esversion": 6
}

你可以在这里看到它:

enter image description here

jshint选项的完整文档可在此处找到:http://jshint.com/docs/options


62
投票

编辑:如果您使用ESLint而不是JSHint,我添加了一种启用es6的方法以及更新屏幕截图,因为VSCode自我的原始答案以来已更改。

JSHint Method:

如果您使用的是JSHint,则可以将以下内容添加到您的设置中:

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

ESLint Method:

如果您使用的是ESLint,则可以将以下内容添加到您的设置中:

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

ESLint Configuration Documentation

How to update the settings

  1. 在VS Code中,前往settings

VS Code Settings

  1. 设置显示后,您将看到设置部分:

User and Workspace Settings Tabs

请注意,您可以在两个部分中自定义设置,用户设置和工作区设置

用户设置您应该为将要使用的任何项目应用任何全局设置。

工作区设置您可以在其中进行仅应用于当前项目的设置更改。

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

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

  1. 根据您的偏好,单击“用户/工作区”。搜索JSHint或ESLint(无论您使用哪个)。点击任何Edit in settings.json链接,无论哪一个都无关紧要。

Edit in settings.json

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

JSHint

Adding the JSHint Setting

ESLint

Adding the ESLint Setting


19
投票

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

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

4
投票

为了完善已经提交的优秀建议,您还可以通过将此转义行(以及其他jshint设置类似)添加到文件顶部,逐个文件地设置此项。

// jshint esversion:6

实际上你可以在任何地方添加它,但它只影响后续代码,如果你急于做一些奇怪的事情,你可以打开和关闭设置。

© www.soinside.com 2019 - 2024. All rights reserved.