Команда «npm install prettier» используется для установки пакета Prettier из реестра npm. Prettier – это средство форматирования кода, которое помогает поддерживать согласованность и читаемость кода в разных проектах.
Вот несколько методов, которые можно использовать с Prettier, а также примеры кода:
-
Форматирование файла с помощью CLI:
npx prettier --write myfile.js -
Форматировать весь каталог:
npx prettier --write "src//*.js" -
Интегрируйте Prettier с вашим редактором кода. Большинство популярных редакторов кода, таких как Visual Studio Code, имеют расширения для Prettier. После установки Prettier автоматически отформатирует ваш код при сохранении или с помощью сочетания клавиш.
-
Используйте Prettier с такими инструментами сборки, как webpack или gulp, добавив его в качестве шага в свой конвейер сборки. Например, в файле конфигурации веб-пакета:
const PrettierPlugin = require('prettier-webpack-plugin'); module.exports = { // ... other webpack configuration options plugins: [ new PrettierPlugin() ] }; -
Настройте Prettier, используя файл
.prettierrcв корневом каталоге вашего проекта. Этот файл позволяет вам настроить параметры форматирования Prettier. Например:{ "printWidth": 80, "tabWidth": 2, "singleQuote": true } -
Интегрируйте Prettier с конфигурацией ESLint вашего проекта с помощью плагина
eslint-plugin-prettier. Это гарантирует, что ваш код отформатирован и соответствует правилам ESLint вашего проекта.