VS Code TSX和返回后格式

Question

我们试图在VS Code和VS w / Resharper之间获得一些格式奇偶校验并且已经非常接近，除了我无法弄清楚如何让VS Code格式化TSX文件并正确地格式化return语句：< / p>

预期：

public render() {
    return <div>
               <div>Test</div>
               {this.props.Model.arr.map((value, index) => {
                   return <div className="test" key={index}>
                              <div>{value.test}</div>
                          </div>;
               })}
           </div>;
}

实际：

public render() {
    return <div>
        <div>Test</div>
        {this.props.Model.arr.map((value, index) => {
            return <div className="test" key={index}>
                <div>{value.test}</div>
            </div>;
        })}
    </div>;
}

这可能吗？ VS Code中的错误可能是什么？

Answer 1

  

这可能吗？ VS Code中的错误可能是什么？

不使用默认的TypeScript设置。格式由TypeScript提供（不是vscode错误）。

修复

使用https://prettier.io/。它supports TypeScript。