Форматирование кодовой базы Node.js с помощью Prettier
Форматирование помогает поддерживать соответствие стилю кода во всей кодовой базе. Сценарий форматирования запускаем в предварительные перехваты (pre-commit или pre-push). В этом посте рассказывается о настройке Prettier с помощью кода JavaScript и TypeScript.
Отправной точкой послужит установка пакета prettier в качестве зависимости от разработчика.
npm i prettier -DУкажите правила в файле конфигурации .prettierrc.
{
"singleQuote": true,
"trailingComma": "all"
}Добавьте скрипт format в файл package.json.
{
"scripts": {
// ...
"format": "prettier --write \"{src,test}/**/*.{js,ts}\""
}
}Примечания
Если вы используете Eslint, установите пакет eslint-config-prettier в качестве зависимости от разработчиков и обновите конфигурацию Eslint, чтобы использовать конфигурацию Prettier.
{
// ...
"extends": [
// ...
"prettier"
]
}При использовании Visual Studio Code, установите расширение prettier-vscode и активируйте форматирование при сохранении изменений в файле.
Мы можем предложить вам более подробную тематику использования Prettier в ваших проектах JavaScript/TypeScript.
