让 VS Code 识别完整的 ES6 语法

Question

VS Code 无法识别::为有效语法，如

render() {
    return (
        <button
          className="btn btn-primary"
          onClick={::this.handleClick}>
        Click me
        </button>
    );
}

它突出显示::错误[js] identifier expected，从而使整个文件无效。

如何解决这个问题 - 让 VS Code 尊重 ES6 语法？

Answer 1

使用扩展

你的代码对我来说看起来像React，所以你可以尝试https://marketplace.visualstudio.com/items?itemName=dzannotti.vscode-babel-coloring，这可以帮助React风格代码和ES6/ES7

此外，您可以修改扩展以满足您的需要