VS Code：防止 Prettier 覆蓋 Better Align 的格式

Question

我已經瀏覽了格式設置和堆棧溢出帖子，我已經切換了一堆不同的設置，但似乎無法找到答案。

這里有兩個 VS Code 擴展：Prettier 和 Better Align。 我想使用 Prettier 來格式化我的代碼，並使用 Better Align 來對齊我的某些代碼片段。 但是 Prettier 會覆蓋我使用 Better Align 所做的任何更改。

例如：

在運行 Better Align 之后，在運行 Prettier 之前：

<ReactMapGL
          {...this.props.viewport}
          zoomEnabled          = {true}
          showUserLocation     = {true}
          mapStyle             = {this.props.mapStyle}
          mapboxApiAccessToken = {process.env.REACT_APP_MAPBOX_TOKEN}
          onViewportChange     = {(viewport) => {
            this.props.updateViewport(viewport);
          }}
        >

然后，在運行 Prettier 之后：

<ReactMapGL
          {...this.props.viewport}
          zoomEnabled={true}
          showUserLocation={true}
          mapStyle={this.props.mapStyle}
          mapboxApiAccessToken={process.env.REACT_APP_MAPBOX_TOKEN}
          onViewportChange={(viewport) => {
            this.props.updateViewport(viewport);
          }}
        >

Prettier 中是否有忽略 alignment 格式的設置？ 或者，是否有其他方法可以做到這一點？

Answer 1

恐怕我能想到的唯一方法是禁用 formatOnSave 並將 alignment 留在格式化后。