Question

我想使用 WebStorm 美化 / 重新格式化 CSS 代码。

我有这个CSS 样式：

.container {
  display     : grid;
  margin      : 0 auto;
  max-width   : 90rem;
  padding-top : 1rem;
}
.cols-2 {grid-template-columns : 50% 50%;}
.logo {font-size : 3rem;font-weight : 600;}
.slogan {font-size : 1.3rem; margin-top : 6px;}
.search {background-image : url("../images/search.svg");background-repeat : no-repeat;background-size : 35px;}
.content {min-height : 500px;}

我想美化它到这个CSS 样式与 WebStorm / IntelliJ：

.container {
  display     : grid;
  margin      : 0 auto;
  max-width   : 90rem;
  padding-top : 1rem;
}
.cols-2 {
  grid-template-columns : 50% 50%;
}
.logo {
  font-size   : 3rem;
  font-weight : 600;
}
.slogan {
  font-size  : 1.3rem;
  margin-top : 6px;
}
.search {
  background-image  : url("../images/search.svg");
  background-repeat : no-repeat;
  background-size   : 35px;
}
.content {
  min-height : 500px;
}

是否有任何方法可以通过标准设置来完成此操作，或者我应该安装一些扩展？

1