Публикации по теме 'prettier'


Дизайн для удобочитаемости
Я очень хочу писать хороший код; для меня это искусство, которое оттачивается со временем. Он должен быть хорошо написан, хорошо структурирован и прост для понимания; Однако одним аспектом, которым часто пренебрегают, является удобочитаемость самого кода. Интеллектуальное форматирование - такой недооцененный аспект кода; есть преимущества во многих областях. Например, это позволяет коллегам легко просматривать ваш код. Цитата из блога Дэвида Брайанта Коупленда , Но не только..

Настройка ESLint и Prettier для VSCode
Это настройка стиля/линтинга для написания JavaScript в VSCode. Это делается для согласованного опыта разработки, когда несколько разработчиков работают над одним и тем же проектом. Мы будем использовать руководство по стилю, которое использует Airbnb. Существует несколько руководств по стилю, но мы остановились на Airbnb. Шаг 0: npm init -y внутри папки даст нам пустой проект узла. т.е. в нем будет только файл package.json . Создайте файл с именем .gitignore , чтобы мы не..

Вопросы по теме 'prettier'

ESLint с проблемами Prettier при глобальной установке Yarn
Я настраиваю среду ReactJS и слежу за курсом FrontendMasters по этой теме. После глобальной установки eslint и prettier через Yarn автор запускает эту команду eslint js\**\*.{js,jsx} , и на своей машине все в порядке, но я получаю следующее:...
11363 просмотров
schedule 07.06.2024

Как настроить Prettier с Airbnb Руководство по стилю JavaScript
Как настроить Руководство по стилю Airbnb в Prettier? Я использую код VS. Заранее спасибо!
3911 просмотров

Как настроить eslint с помощью экспресс-приложения nodejs
js-приложение. Мне нужно использовать eslint для этого приложения. Я использую https://www.npmjs.com/package/eslint-config-airbnb и используя плагин prettier в редакторе VS Code. .eslintrc { "extends": "airbnb" } Я вижу, что VS Code...
24415 просмотров

Автоматическая упаковка JSX всегда
Это делает мою голову в! Потратил 2 часа, пытаясь выяснить, что вызывает приведенное ниже поведение, и продолжает оставаться пустым. Я перехожу на VSCode, и мои компоненты React JSX автоматически переносятся на несколько строк. Это нормально (и...
1168 просмотров

Использование наблюдателя за файлами node.js с JetBrains WebStorm
Я использую Prettier в своих проектах уже несколько недель. Мне это и вправду нравится! Я использую IDE JetBrains WebStorm, поэтому я выполнил следующие инструкции на сайте проекта Prettier, чтобы настроить средство отслеживания файлов в WebStorm:...
1167 просмотров
schedule 24.01.2023

lint-staged не работает на предварительной фиксации
prettier не работает в режиме предварительной фиксации. Это работало с той же конфигурацией в других проектах, поэтому я сбит с толку, почему на этот раз это не работает. Это соответствующий раздел моего файла package.json: "scripts": {...
57896 просмотров

vs code prettier - добавляет новую строку после декоратора @Input () в angular
Я использую prettier почти 2 года для форматирования своего angular кода. Начиная с прошлой недели prettier начинает вставлять новую строку за всеми angular операторами с такими декораторами, как @Input() , @Output() , _7 _, .. в...
2097 просмотров
schedule 04.08.2022

VSCode Prettier необычным образом форматирует HTML (символ "больше" в следующей строке)
С сегодняшнего дня VSCode с установленным Prettier Extension форматирует мой HTML очень странным образом. Например: <button class="btn btn-secondary mr-2" (click)="updateEditState(EditState.preview)" *ngIf="!(preview | async)" >...
1528 просмотров
schedule 02.05.2022

Сохранить вертикальные пробелы в шаблоне Vue с Prettier
Я использую eslint-plugin-vue с моим проектом Vue. У меня есть следующий .prettierrc файл: // /.prettierrc { "arrowParens": "avoid", "bracketSpacing": true, "insertPragma": false, "jsxBracketSameLine": false, "printWidth": 80,...
1236 просмотров
schedule 08.08.2022

Как заставить более красивое форматирование html форматировать теги в одну строку?
Я использую более красивое в своем VSC, так как заставить более красивое форматирование HTML форматировать теги в одну строку, а не в несколько строк? Я хочу отформатировать что-то подобное в одну строку <v-navigation-drawer...
8166 просмотров

Как отключить более красивые настройки, создав новую строку ›тега html?
Я просматриваю расширение Prettier для Vscode и не могу найти, как отключить этот сценарий. См.> Тега html. Вот пример кода, который требовал некоторого исправления каждый раз, когда я запускаю Prettier. Результат такой: <tag-html...
21787 просмотров

Красивее форматировать .vue
Расширение Prettier VS Code некорректно работает с .vue. Я имею в виду, как настроить красивее, чтобы интегрировать его с eslint и отформатировать файлы .vue на Cmd+Shift+P -> Format Document . .eslintrc.js : module.exports = { root:...
5578 просмотров

Правило ESLint: разрешить пробелы до / после элемента
Я хочу, чтобы ESLint перестал удалять пробелы вокруг элемента, например: Кажется, я не могу найти правила, чтобы отключить это. Я искал https://eslint.org/docs/rules/ и пробовал разные правила, которые Я думал, что может решить мою...
428 просмотров

Почему не работает расширение VS Code Prettier?
Недавно я установил расширение Prettier VS Code на свой рабочий компьютер, потому что мне нравится, как он заставляет мой код выглядеть на моем персональном компьютере. По какой-то причине, хотя я удалил расширение, переустановил его и перезапустил...
2331 просмотров
schedule 29.03.2022

сбой правил предварительной фиксации при использовании с lint-staged
Я пытаюсь установить git-хуки перед фиксацией для проекта angular5. Я использую хаски с ворсистой постановкой. Линтер более красивый и стильный работает нормально. Но когда lint-staged встречает 'ng lint', он просто выдает ошибку: Project...
3154 просмотров

Eslint/красивые файлы javascript
В настоящее время у меня есть проблема, когда eslint и prettier ничего не делают с моими файлами .js в коде VS. Вот содержимое моего .prettierrc: { "singleQuote": true, "printWidth": 80, "editor.formatOnSave": true, "proseWrap":...
211 просмотров

Конфликт ESLint и Prettier, невозможно отключить Prettier для блока кода
В нашем проекте используются Prettier и ESLint. Обычно они отлично работают вместе, но мы сталкиваемся с проблемой, когда они конфликтуют. Я не знаю почему, я не могу понять, как это исправить, и я не могу отключить prettier для строки, потому что...
5868 просмотров
schedule 09.04.2022

Как настроить Vue CLI 4 с помощью правил ESLint + Prettier + Airbnb + TypeScript + Vetur?
При создании нового проекта с помощью Vue CLI v4.0.5 с проверкой параметров для TypeScript и Linter / Formatter вам предоставляются предварительно настроенные параметры. для линтинга и форматирования: ? Pick a linter / formatter config:...
12289 просмотров
schedule 20.04.2022

формат vscode не форматируется
Я установил более красивый плагин для vscode и у меня есть .pretteirrc.js: module.exports = { trailingComma: 'es5', tabWidth: 2, semi: true, singleQuote: true, printWidth: 60, } В настройках форматировщик по умолчанию установлен...
4493 просмотров

Prettier - Средство форматирования кода не работает в коде Visual Studio
У меня есть редактор Visual Code Studio (1.41.1), и мне нужен Auto Formatter Я установил этот формат кода: Prettier - Средство форматирования кода Установлено успешно, но не работает, Я также попытался использовать команду ext install...
10216 просмотров