VS代码:防止更漂亮的格式化覆盖更好的对齐

Question

我经历了格式化设置和堆栈溢出帖子，我切换了一堆不同的设置，似乎找不到答案。

两个VS代码扩展在这里发挥作用:更漂亮和更好的对齐。我想使用更漂亮的格式我的代码一般，并更好地对齐我的某些部分的代码。但是更漂亮的是，我用更好的对齐来覆盖所有的变化。

例如：

在跑得更好之后，在跑得更漂亮之前：

<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);
          }}
        >

然后，在跑得更漂亮之后：

<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);
          }}
        >

是否有更漂亮的设置可以忽略对齐格式？或者，是否有一种不同的方法来做到这一点？

Answer 1

请检查一下更漂亮的忽略代码函数。

基本上，只需在应用更好的对齐代码之前添加注释prettier-ignore，并且在保存文件时要防止更漂亮的格式设置。

JavaScript注释// prettier-ignore将排除抽象语法树中的下一个节点的格式设置。 例如： 矩阵( 1，0，0，0，1，0，0，0，1) //更漂亮-忽略矩阵( 1，0，0，0，1，0，0，0，0，1) 将改为： 矩阵( 1，0，0，0，1，0，0，0，1)；//更漂亮-忽略矩阵( 1，0，0，0，1，0，0，0，1)

Answer 2

我能想到的唯一方法是禁用formatOnSave，并将对齐方式保留为格式化后使用。