配置更漂亮以在新行上推大括號而不清除空行

Question

我在 VSCode 中使用更漂亮，我如何配置它來格式化我的代碼，如下所示：

function test() 
{

   if() 
      {

         MYCODE GOES HERE;

      }

}

我想要新行上的{和} ，以及{和}之前的空行。

目前，如果條件或函數名稱，它會將大括號移動到相同的行，並刪除{和}之后/之前的空行。

Answer 1

Prettier 被認為是一種“固執己見”的格式化程序，這意味着它不允許您選擇類似的東西。 如果您想更好地控制格式，可以使用不同的格式化程序。

內置的 VS 代碼格式化程序允許您執行所需的操作，只需搜索“功能新行”和類似選項的設置即可。

當然，VS 代碼市場中還有許多其他格式擴展可用。 無論您選擇哪種方式，您都必須選擇它在您的 VS 代碼設置中具有您的默認格式化程序。

Answer 2

現在有一個名為Glimmer的解析器支持 Handlebars。 像這樣使用它：

yarn prettier '**/*.hbs' --parser glimmer

此外，請查看這個名為 Prettier for Handlebars 的VSCode 擴展。

Answer 3

正如在這個答案中提到的，VS Code 的格式化程序本身工作得很好，但是如果您希望這成為工作流程的一部分，那么使用 ESLint 可能會使事情變得更容易。 有一個規則叫做brace-style 。

然后你可以運行eslint ./path/to/your/file --fix來格式化你的代碼，或者eslint . --fix eslint . --fix格式化整個項目目錄中的代碼。

免責聲明：我大部分時間使用 ESLint 進行代碼格式化，它對我有用。 我實際上也用它來查找和修復問題，所以這就像用一塊石頭殺死兩只鳥，但請注意，ESLint 更多的是在代碼中查找問題並修復它們，因此僅將 ESLint 用於代碼格式化可能不是最好的主意。