在 VSCode 中使用模板字符串时出现 jshint 错误

Question

我正在使用 Visual Studio Code (1.6.1) 及其 jshint 扩展 (0.10.15)。

当我键入一些模板字符串时，例如：

console.log(`My name is: ${name}`);

VSCode 用红色突出显示它并说：

[jshint] Unexpected '`'. (E024)

其余代码开始显示几十个错误错误，例如：

[jshint] Expected an identifier and instead saw 'if'. (E030)
[jshint] Expected an operator and instead saw '('. (E030)
[jshint] Expected an assignment or function call and instead saw an expression. (W030)

我查看了文档，但没有提到这个问题。

有人想出解决方法吗？

Answer 1

您的 JSHint 似乎无法识别 ES6。

您可以尝试在 JSHint 选项中将 esversion 设置为 6 吗？

我正在使用 Visual Studio Code 1.7.1，jshint 扩展为 0.10.15。没有.jshintrc，我收到了这条消息：

[jshint] 'template literal syntax' is only available in ES6 (use 'esversion: 6'). (W119)

我创建了一个.jshintrc 文件，内容如下：

{
    "esversion": 6
}

它奏效了。

请注意，可能需要 jshint 模块（全局或本地），它可以通过以下方式自动添加到您的 package.json：

npm install --save-dev jshint

这会在本地安装 jshint（在 node_modules 文件夹中）并添加一个 dev 依赖项：

  "devDependencies": {
    "jshint": "^2.9.4"
  }

另请注意，安装模块或扩展后，可能需要重新启动 VS Code。