Многие команды все еще борются со стилем кода. Независимо от того, какая схема стиля кода используется, или такая маленькая, как битва между вкладками и пространством, это выбор, с которым сталкивается команда разработчиков. Предыдущее решение этой проблемы унификации кода:EditorConfig,илиESLint.
Эта статья представляетPrettier. Прежде чем писать эту статью, я искал Zhihu и обнаружил, что еще никто не популяризировал Prettier!
Что Prettier больше всего хочет выразить на главной странице официального сайта:Самоуверенный форматировщик кода, имеет несколько вариантов..., что необходимо уточнить в начале статьи.
Что такое самоуверенность?Это отношение и склонность к минимизации элементов конфигурации! Противоположное означает «Беспристрастный».
Структура разработки также делится на самоуверенную и неуверенную.
Эти обсуждения:
Opinionated vs modular web frameworks
Например, в следующей статье:
Angular — это полноценный фреймворк с «мнением».
React и Vue — это фреймворки без мнения.
Comparison with React vs Angular vs Vue Frameworks
Возьмем в качестве примера фреймворки, с которыми я столкнулся,
Spring Boot самоуверен:
Примечание: требуется очень небольшая конфигурация Spring. На самом деле этоhas few options. В этом также заключается разница между Spring Boot и традиционной разработкой, основанной непосредственно на Spring Framework. Точно так же самоуверенность (имеет мало опций) также является основным отличием Prettier от ESLint/EditorConfig.
Другой синоним самоуверенности — соглашение по конфигурации или кодирование по соглашению.
И Экспресс неумолим:
Экспресс дает вам только API, сообщает различные параметры и больше ничего.Если вы хотите больше функций, перейдите к промежуточному программному обеспечению или вызовите API, чтобы написать свой собственный.
В настоящее время многие интерфейсные проекты по умолчанию интегрируют Prettier, например, create-react-app, vue-cli, angular-cli:
GitHub.com/Facebook/взрослый… vuejs/vue-cli angular/angular-cliНа самом деле, несмотря на то, что Prettier мощная программа, она проста в использовании, поэтому большая часть контента взята из объяснения перевода на официальном сайте.
What is Prettier?
An opinionated code formatter
Supports many languages
Integrates with most editors
Has few options
Что такое красивее?
Средство форматирования кода отношения
Поддерживает несколько языков
Наследовать подавляющее большинство Редактор
несколько вариантов
Why?
You press save and code is formatted
No need to discuss style in code review
Saves you time and energy
And more
Зачем использовать красивее?
Вам просто нужно сохранить файл, и код будет отформатирован
Не нужно спорить о стиле при просмотре кода
Сохраните свою практику и опыт
Более
Редактор не интегрирован, используется только использование Prettier:
- Добавьте красивше в проект:
yarn add prettier --dev --exact
- Подтвердите успех с файлом:
yarn prettier --write src/index.js
- Автоматически запускать красивее, когда git фиксирует код:
yarn add pretty-quick husky --dev
затем отредактируйтеpackage.json:{
"scripts": {
"precommit": "pretty-quick --staged"
}
}
Редакторы, которые могут быть интегрированы, включают:
Код Visual Studio:prettier/prettier-vscode
Возвышенный текст:JsPrettier - Packages - Package Control
WebStorm, PHPStorm: Prettier встроен, и вам нужно только настроить его.
Подожди, я еще не дописал, только начал, ночью обновлю.