Question

我正在使用ReactJS教程here

我使用> code .在VS Code ver 1.18中打开了该项目。在我创建文件index.js之后，然后添加给定的代码：

class Square extends React.Component {
  render() {
    return (
        <button className="square">
        {/* TODO */}
        </button>
    );
  }
}

当我按Ctrl-S进行保存时，VS Code会执行以下操作：

class Square extends React.Component {
  render() {
    return (document.render() < button className = "square" > { /* TODO */ } <
    /button>
    );
  }
}

注意：对<button>的更改。所有代码都重新格式化。我检查了VS代码的格式 - 它是假的。智能感知工作正常。我还使用jsconfig.json在src文件夹中添加了"jsx": "react"。 VS代码真的无法使用，还是我遗漏了什么？

Answer 1

我不确定如何更改VSCode中的默认格式规则（您可能无法）。

我建议使用Prettier作为代码格式化程序。工作得很好，让你可以控制代码的格式。它也可以与eslint结合。

有关如何设置更漂亮和喜爱的说明，请参阅this article on medium for instructions。

VS代码

1 个答案: