Prettier config для отступа кода JavaScript - PullRequest
Новая
       13

Prettier config для отступа кода JavaScript

1 голос
/ 11 июня 2019

Я использую Prettier в Visual Studio Code для форматирования.

Обычно это прекрасно работает в моих файлах JS / TS.Но он настаивает на переносе кода в одну строку: 

trigger('myInsertRemoveTrigger', [
  transition(':enter', [
    style({ opacity: 0 }),
    animate('5s', style({ opacity: 1 })),
  ]),
  transition(':leave', [
    animate('5s', style({ opacity: 0 }))
  ])
]),

становится похожим на 

    trigger('fadeInOut', [
      transition(':enter', [style({ opacity: 0 }), animate('.5s', style({ opacity: 1 }))]),
      transition(':leave', [animate('.5s', style({ opacity: 0 }))])
    ])

, который мне труднее читать.Я посмотрел на доступных опций и не вижу ничего связанного с этим.Можно ли это как-то настроить?

В настоящее время мой .prettierrc равен 

{
  "printWidth": 120,
  "singleQuote": true,
  "useTabs": false,
  "tabWidth": 2,
  "semi": true,
  "bracketSpacing": true
 }

Ответы [ 4 ]

1 голос
/ 11 июня 2019

Просто добавьте комментарий после первого элемента массива. 

var a = [
  1, //
  2,
  3,
];
1 голос
/ 11 июня 2019

симпатичнее, и поэтому вы не можете настроить способ переформатирования вашего кода: вы просто должны принять отступ, сделанный prettier:)

0 голосов
/ 11 июня 2019

Из того, что вы описываете, звучит так, будто вы говорите именно о «ширине печати».Попробуйте уменьшить ширину печати до 80 или меньше.Возможно 50 в зависимости от ваших предпочтений. 

{
  "printWidth": 80,
  "singleQuote": true,
  "useTabs": false,
  "tabWidth": 2,
  "semi": true,
  "bracketSpacing": true
 }
0 голосов
/ 11 июня 2019

Боюсь, единственное, что вы можете сделать, это уменьшить printWidth.
Но это, очевидно, повлияет и на весь остальной код.

...