Оператор импорта автоматически преобразуется в многострочный в VSCODE

Мой редактор VSCode автоматически переносит операторы импорта в новые строки при сохранении или форматировании документа:

До: Оператор импорта автоматически преобразуется в многострочный в VSCODE

После:

Оператор импорта автоматически преобразуется в многострочный в VSCODE

Я не хочу такого поведения. Как отключить это правило?

Я программирую на машинописном языке Angular 7, и на нем установлено следующее расширение:

  1. Угловые основы
  2. красивее
  3. ТСлинт

Пожалуйста, помогите мне удалить это правило или поведение.

Спасибо.

Зод: сила проверки и преобразования данных
Зод: сила проверки и преобразования данных
Сегодня я хочу познакомить вас с библиотекой Zod и раскрыть некоторые ее особенности, например, возможности валидации и трансформации данных, а также...
Как заставить Remix работать с Mantine и Cloudflare Pages/Workers
Как заставить Remix работать с Mantine и Cloudflare Pages/Workers
Мне нравится библиотека Mantine Component , но заставить ее работать без проблем с Remix бывает непросто.
Угловой продивер
Угловой продивер
Оригинал этой статьи на турецком языке. ChatGPT используется только для перевода на английский язык.
TypeScript против JavaScript
TypeScript против JavaScript
TypeScript vs JavaScript - в чем различия и какой из них выбрать?
Синхронизация localStorage в масштабах всего приложения с помощью пользовательского реактивного хука useLocalStorage
Синхронизация localStorage в масштабах всего приложения с помощью пользовательского реактивного хука useLocalStorage
Не все нужно хранить на стороне сервера. Иногда все, что вам нужно, это постоянное хранилище на стороне клиента для хранения уникальных для клиента...
Что такое ленивая загрузка в Angular и как ее применять
Что такое ленивая загрузка в Angular и как ее применять
Ленивая загрузка - это техника, используемая в Angular для повышения производительности приложения путем загрузки модулей только тогда, когда они...
8
0
7 602
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Ответ принят как подходящий

Это вызвано Prettier.

Я не думаю, что вы можете отключить это самостоятельно (за исключением использования комментария // prettier-ignore над импортом), но вы можете попробовать увеличить длину строки, при которой красивее начинает перенос, с настройкой prettier.printWidth

Спасибо за // prettier-ignore, я этого не знал. Но кроме того, это взлом, и его нельзя использовать поверх каждого импорта. Могу ли я отключить prettier.printWidth?

Ajay Verma 01.04.2019 18:27

К сожалению, // prettier-ignore в моем случае не работает. Prettier, ну, игнорирует это заявление об игнорировании. Все еще пытаюсь найти способ помешать Prettier сделать мой код уродливым.

user11909477 10.05.2020 22:46

Если вы делитесь кодовой базой, вы можете сделать это внутри файла .prettierrc в корне вашего проекта.

Isaac Pak 14.05.2020 19:54

Вы не можете отключить prettier.printWidth, но вы можете увеличить длину строки до тех пор, пока она не перестанет оборачивать ваш импорт.

Вы можете сделать это, открыв (или создав) файл с именем prettier.rc в корневом каталоге (один над /src в проекте Angular) и добавив свойство:

"printWidth": 250

или любой другой номер, который требуется.

Предупреждение: поскольку printWidth является центральной темой Prettier, то, что вы пытаетесь сделать, может оказаться не лучшим вариантом в долгосрочной перспективе.

Для проекта Angular, в отличие от использования Prettier, рассмотрите возможность добавления новых правил в tslint или даже создания пользовательских правил, где это необходимо.

Я попытался напрямую обновить свойство printWidth из настроек расширения в коде VS, что не сработало. Это сработало, добавив свойство printWidth внутри prettier.rc.js, как это было предложено в ответе. Спасибо.

Murtuza 07.08.2021 04:31

Другие вопросы по теме