ReactJS在VS代码

Question

格式化我使用ReactJS教程here

我用> code .开在VS代码项目版本1.18。 后，我创建了一个文件index.js，然后添加代码给出：

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

当我按下Ctrl-S保存，VS代码执行以下操作：

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

注：更改到<button>。 所有的代码被重新格式化。 我检查了VS代码的格式 - 它是错误的。 智能感知工作正常。 我还使用"jsx": "react"在我的src文件夹中添加了jsconfig.json。 VS代码真的不可用，或者我错过了什么？

Answer 1

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

我建议使用Prettier作为代码格式化程序。工作得非常好，并且可以让您对代码的格式设置有很多控制权。它也可以绑定到eslint。

请参阅this article on medium for instructions以获取有关如何设置漂亮和eslint的说明。